当前位置:Gxlcms > 前端框架 > css行内块元素有哪些

css行内块元素有哪些

时间:2021-07-01 10:21:17 帮助过:62人阅读

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

本教程操作环境: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行内块元素有哪些的详细内容,更多请关注gxlcms其它相关文章!

人气教程排行