时间：2021-07-01 10:21:17 帮助过：28人阅读
一、块级元素（block）
定义：默认情况下，独占一行的元素就是块级元素。
特点：
常见的块级元素：、、...、、、、、、 、 二、内联元素（inline） 定义：内联元素，也叫行内元素。默认情况下，和其他元素在同一行上，并且元素的高度、宽度等不能设置的元素就是内联元素。 特点： 和其他元素都在一行上； 元素的高度、宽度及顶部和底部边距不可设置； 元素的宽度就是它包含的文字或图片的宽度，不可改变。 常见的内联元素：、、、、、、、、、、 三、内联块状元素（inline-block） 定义：默认情况下，和其他元素在同一行上，并且元素的高度、宽度等可以设置的元素就是内联元素 特点： 和其他元素都在一行上； 元素的高度、宽度、行高以及顶和底边距都可设置。 常见的内联块级元素：、 四、总结 不管是哪种元素，他们之间都可以通过css中的display属性进行相互转换。 < 上一篇精通CSSversion2笔记之⒈选择器-周起 下一篇 >每个Web开发者都需要具备的9个软技能-jerrylsxu 人气教程排行 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 登录 记住我的登录 忘记密码？ 登录 我已阅读用户协议及版权声明 注册
、
、 二、内联元素（inline） 定义：内联元素，也叫行内元素。默认情况下，和其他元素在同一行上，并且元素的高度、宽度等不能设置的元素就是内联元素。 特点： 和其他元素都在一行上； 元素的高度、宽度及顶部和底部边距不可设置； 元素的宽度就是它包含的文字或图片的宽度，不可改变。 常见的内联元素：、、、、、、、、、、 三、内联块状元素（inline-block） 定义：默认情况下，和其他元素在同一行上，并且元素的高度、宽度等可以设置的元素就是内联元素 特点： 和其他元素都在一行上； 元素的高度、宽度、行高以及顶和底边距都可设置。 常见的内联块级元素：、 四、总结 不管是哪种元素，他们之间都可以通过css中的display属性进行相互转换。 < 上一篇精通CSSversion2笔记之⒈选择器-周起 下一篇 >每个Web开发者都需要具备的9个软技能-jerrylsxu 人气教程排行 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 登录 记住我的登录 忘记密码？ 登录 我已阅读用户协议及版权声明 注册
二、内联元素（inline）
定义：内联元素，也叫行内元素。默认情况下，和其他元素在同一行上，并且元素的高度、宽度等不能设置的元素就是内联元素。
常见的内联元素：、、、、、、、、、、
、、、
三、内联块状元素（inline-block）
定义：默认情况下，和其他元素在同一行上，并且元素的高度、宽度等可以设置的元素就是内联元素
常见的内联块级元素：、
四、总结
不管是哪种元素，他们之间都可以通过css中的display属性进行相互转换。
< 上一篇
精通CSSversion2笔记之⒈选择器-周起
下一篇 >
每个Web开发者都需要具备的9个软技能-jerrylsxu
记住我的登录 忘记密码？
登录
我已阅读用户协议及版权声明
注册
