码迷,mamicode.com
首页 > 其他好文 > 详细

行间元素

时间:2020-06-02 09:35:59      阅读:39      评论:0      收藏:0      [点我收藏+]

标签:空间   sel   文件的   宽度   ref   padding   锚点   col   ros   

行间元素的特点:

(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:17839911964">打电话给我</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>

 

行间元素

标签:空间   sel   文件的   宽度   ref   padding   锚点   col   ros   

原文地址:https://www.cnblogs.com/cuishuangshuang/p/13029101.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!