当前位置：Gxlcms > html代码 > 后端程序员前端之路04html元素分类_html/css_WEB-ITnose

后端程序员前端之路04html元素分类_html/css_WEB-ITnose

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

目录

块级元素

内联元素

内联块级元素

总结

一、块级元素（block）

定义：默认情况下，独占一行的元素就是块级元素。

特点：

每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行）
元素的高度、宽度、行高以及顶和底边距都可设置
元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致）。

常见的块级元素：

、

、

...

、
、
、
、、、
、

二、内联元素（inline）

定义：内联元素，也叫行内元素。默认情况下，和其他元素在同一行上，并且元素的高度、宽度等不能设置的元素就是内联元素。

特点：

和其他元素都在一行上；

元素的高度、宽度及顶部和底部边距不可设置；

元素的宽度就是它包含的文字或图片的宽度，不可改变。

常见的内联元素：、、
、、、、、、`、、`
三、内联块状元素（inline-block）定义：默认情况下，和其他元素在同一行上，并且元素的高度、宽度等可以设置的元素就是内联元素特点：和其他元素都在一行上；元素的高度、宽度、行高以及顶和底边距都可设置。常见的内联块级元素：、四、总结不管是哪种元素，他们之间都可以通过css中的display属性进行相互转换。 < 上一篇精通CSSversion2笔记之⒈选择器_html/css_WEB-ITnose 下一篇 > 导航栏的制作问题_html/css_WEB-ITnose 人气教程排行 230次 1 如何生成一个调查问卷_html/css_WEB-ITnose 230次 2 在页面直接显示日历_html/css_WEB-ITnose 230次 3 如何点击a标签实现弹出inputfile上传文件对话框_HTML/Xhtml_网页制作 229次 4 关于列表标记的详细介绍 229次 5 cssborder-bottom（指定下边线的样式、宽度及颜色） 229次 6 html新闻详情页_html/css_WEB-ITnose 229次 7 为何页面内容和网页边缘有空隙_html/css_WEB-ITnose 228次 8 position:fixed定位时“高度坍塌”问题的解决_html/css_WEB-ITnose 227次 9 htmlp标签怎么换行？htmlp标签添加br换行标签的应用 226次 10 HTML的<!DOCTYPE>标签 226次 11 html页面中友情链接怎么进行添加设置？（代码示例） 226次 12 form表单中属性及功能应用介绍汇总 226次 13 详解form标签中的method属性 226次 14 HTML5Canvas逼真烟雾效果js插件 226次 15 页面跳转特效_html/css_WEB-ITnose 226次 16 改变鼠标选中区域的样式。_html/css_WEB-ITnose 225次 17 关于$("body").append()一段html代码，在页面写能触发事件，写在js文件里写就没有_html/css_WEB-ITnose 225次 18 CSS3悬浮动画效果_html/css_WEB-ITnose 225次 19 纯C语言实现的CSS解析器：katana_html/css_WEB-ITnose 225次 20 body在默认情况下是具有margin外边距的_html/css_WEB-ITnose 本站所有资源全部来源于网络，若本站发布的内容侵害到您的隐私或者利益，请联系我们删除！登录记住我的登录忘记密码？登录我已阅读用户协议及版权声明注册