首页  >  文章  >  web前端  >  css行内块元素有哪些

css行内块元素有哪些

青灯夜游
青灯夜游原创
2021-05-12 15:44:0412284浏览

css行内块元素有:1、img,用于定义HTML页面中的图像;2、textarea,用于定义一个多行的文本输入控件;3、input,用于规定用户可以在其中输入数据的输入字段。

css行内块元素有哪些

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

块标签元素:p p h1-h6 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视频教程

以上是css行内块元素有哪些的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn