行间元素

Posted 2020-12-23 cuishuangshuang

行间元素的特点：

（1）不独占一行

（2）宽度与高度由标签中的内容撑开

（3）设置的width、height、margin-top、margin-bottom样式无效，padding-top、padding-bottom不占据空间

（4）行间元素与行间元素之间，如果存在换行或空格间隙，就会产生一个空白字符，空白字符的大小和字体大小相同

1、a

　（1）链接标签：在网页中通过鼠标点击文字或图片产生跳转的效果就是链接标签

　　　<a  href="跳转的地址"></a>

　　　设置target=_blank可以在新页面打开链接，默认target=_self

　（2）锚点

　　　<a  href="#skip">跳转</a>

　　　<div  id="skip">点击跳转按钮，跳到当前标签</div>

　（3）打电话

　　　<a  href="tel:[phone]">打电话给我</a>

　　　点击文字就可以打电话了

　（4）下载

　　<a  href="下载文件的地址"  download>打电话给我</a>

　　文件名默认是下载文件的文件名

　　<a  href="下载文件的地址"  download="下载文件">打电话给我</a>

　　文件名是download后自定义的文件名

2、span

　<span>短文本标签<span>

3、i

　<i>短文本标签，默认斜体</i>

4、b

　<b>短文本标签，默认粗体</b>

5、strong

　<strong>整体强调，不改变句意，默认粗体</strong>

6、em

　<em>局部强调，有可能改变句意，默认斜体</em>