元素是文档结构的基础，在CSS里面，每个元素生成了包含内容的框（box），称为盒子。但是不同的元素显示方式是不同的，有占据一整行的，也有水平一个挨一个吧。
1、替代元素
替代元素是浏览器根据其标签的元素与属性来判断显示的具体内容
比如：<input/>type ="text" 这是一个文本输入框，换一个其他的时候，浏览器显示就不一样了
HTML中的<img> <input> <textarea> <select> <object>
2、非替换元素
HTML的大多数元素是不可替代元素，它们将内容直接告诉浏览器，将其显示出来
例如：<p>wansdfs.com</p>
2、块元素
他最明显的特征就是独自占领一行，自动充满父级元素的内容区域，绝对不会让别人侵占。
常用的有：div p 通过CSS设定了浮动（float属性，可以向左和向右浮动）以及设定显示（display）属性为block或list-item的元素都是块级元素。
3、行内元素
上面说块及元素独自占领一行，行内元素就没有这么霸道了。他可以左右都允许有元素，最常见的是就是<a></a>
通过dislayt:'inline'设置以后都变成行内元素
非替换元素和替换元素 块级元素和行内元素
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- CSS <small>(Cascading Style Sheets)</small> CSS有何作用？ 解决HT...
