在HTML页面中一些特殊符号是不能直接使用,需要使用实体来代替这些特殊符号,
实体也可以称为转义字符,
实体的语法:&实体名;
常用的实体:
空格:
< : <
> :>
版权符号:©
内部样式表: 将样式表编写到head中的style标签中,例如:< style type=“text/css” >
p{
color:red;
background-color:yellow;
}
< /style >
使用内部样式表,进一步将表现和结构分离,可以同时为多个元素设置样式,方便后期的维护
**声明块:**声明块中实际上就是一个一个CSS声明,例如:color:red; 和font-size:20px;
选择器
通过选择器可以选中页面中的一组元素,然后为其设置样式,一共有8种选择器。
- 元素选择器
根据标签名,选中页面中的指定元素。语法:标签名{ },例子:div{}、p{}、h1{}。 - id选择器
根据元素的id属性值选中一个唯一的元素,语法:#id {},例子:#box1{}、#hello{} - 类选择器
根据元素的class属性值,选中一组元素,语法:.class{},例子:.hello{}、.box{} - 通配选择器
选中页面中的所有元素,语法:*{},通配选择器的性能比较差,尽量避免使用 - 并集选择器
可以同时选中符合多个选择器的元素,语法:选择器1,选择器2,选择器N{},例子:div,p,#box,.hello{} - 交集选择器
可以选中满足多个条件的元素,语法:选择器1选择器2选择器N{},例子:p.hello{} - 后代元素选择器
选中指定元素的指定后代元素,语法:祖先元素 后代元素{},例子:div span {}、div p{} - 子元素选择器
选中指定元素的指定子元素,语法:父元素 > 子元素 {},例子:div > span {}、div > p{}
类选择器:class
class和id差不多,但是class可以重复,id不可重复,class比id功能强大,id只能写一个,class可以写多个,例如: < p class=" p2 hello " >aa< /p > ,那么通过p2 和hello 都可以选定到这个元素。