我是表哥Harker,表妹我来咯~
表妹们学完了CSS的选择器,一些标签属性,写一个文本类的网页,大家应该都没什么问题,今天就来讲解下CSS中的元素显示模式,它能够让我们更好的在页面布局。前面学习过了很多标签,这些标签其实按照显示模式可以分类,掌握好本篇,你已经可以看懂40%其他开发工程师写的网页了。当然这是抛开JS等其他高级部分来说,就单结构和样式来说。
CSS 元素显示模式
网页的标签非常多,在不同地方会用到不同类型的标签,了解他们的特点可以更好的布局我们的网页。
元素显示模式就是元素(标签)以什么方式进行显示,比如<div>自己占一行,比如一行可以放多个<span>
HTML 元素一般分为块级元素和行内元素两种类型 , 还有一个比较特殊(行内块元素)
1、块级元素
- 常见的块元素有 <h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等,其中 <div> 标签是最典型的块元素
块级元素的特点: