- 选择器
通过选择器可以选中页面中指定的元素,并且将声明块中的样式应用到选择器对应的元素上。 - 声明块
声明块紧跟在选择器后边,使用一对{}括起来。
声明块实际上就是一组一组的名值对结构,这一组一组的名值对我们称为声明。
在一个声明块中可以写多个声明,多个声明之间使用;隔开,声明的样式名和样式值之间使用:来连接。 - 块元素
<div style="background-color:red;width:200px;"></div>
div p h1 h2 …
块元素主要用来做页面中的布局。
div这个标签没有任何语义,就是一个纯粹的块元素,并且不会为它里面的元素设置任何的默认样式,主要用来对页面进行布局。
所谓块元素就是会独占一行的元素,无论内容有多少,都会独占一整行。
- 内联元素
<span></span>
span是一个内联元素(行内元素)。
所谓的行内元素,指的是只占自身大小的,不会占用一行。
常见的内联元素:
a img iframe span
内联元素组要用来选中文字设置样式。
span没有任何语义,span标签专门用来选中文字,然后为文字来设置样式。
注意:
①一般来说只是用块元素去包含内联元素,而不会使用内联元素去包含一个块元素。
②a元素可以包含任意元素,除了它本身。
③p元素不可以包含任何其他的块元素。