css中有哪些行内块元素

发布时间:2021-05-12 16:20:58 作者:Leah
来源:亿速云 阅读:154

这期内容当中小编将会给大家带来有关css中有哪些行内块元素,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

块标签:p p h2-h7 hr ul ol li dl dd dt form

 ①支持宽高,自上而下排列

           ②不受空格影响

           ③一般用于其他标签的容器

           ④默认宽度为100%(独占一行)。

行内标签:span i a b strong em sub sup u label br font

     ①不支持宽高(宽高根据内容大小自动撑开),自左向右排列

            ②受空格影响

            ③不独占一行

行内块标签:img  textarea  input

    ①支持宽高,自左向右排列

              ②受空格影响

              ③不独占一行

标签之间的转换

display:inline(转为行内元素)

             inline-block(转为行内块元素)

             block(转为块元素)

             none(隐藏 不显示)

注意:当元素浮动(float)时会转化成行内块元素特点。

css的三种引入方式

1.行内样式,最直接最简单的一种,直接对HTML标签使用style=""。2.内嵌样式,就是将CSS代码写在之间,并且用

进行声明。3.外部样式,其中链接样式是使用频率最高,最实用的样式,只需要在之间加上

就可以了。其次就是导入样式,导入样式和链接样式比较相似,采用@import样式导入CSS样式表,不建议使用。

上述就是小编为大家分享的css中有哪些行内块元素了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注亿速云行业资讯频道。

推荐阅读:
  1. p标签是行内元素还是块元素?
  2. 块级元素和行内块元素指的是什么

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css

上一篇:使用python怎么在变量中添加self

下一篇:如何在css中设置左边距

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》