css特点
- css对换行不敏感,缩进不敏感
- 每个选择器最后一项的属性值可以没有分号,其他都要有。
id选择器
就是对某一个元素,进行特别的样式设定的时候用,就是给元素加上id属性,人后在选择器用
#
开头。任何元素都可以设置id属性,合肥的id属性是英语字母开头(大小写敏感), 要保证id选择器唯一。
标签选择器
高级选择器
后代选择器
交集选择器
并集选择器
代码示意
/** id选择器*/
#box{
}
/*类选择器*/
.footer{
}
/** 标签选择器*/
p{
}
/**后代选择器*/
div p{
}
/** 交集选择器*/
p.haha{
}
/** 并集选择器*/
div.box,left.txt{
}
备注
多用类选择器,id选择器用于javascript 程序中。class上样式,id上行为。
css(cascading style sheet)继承性和层叠性
继承性
如果给元素设置了一个属性,那么他的后代所有元素都有这个属性。
可以继承的有font-
text-
color
line-
系列属性
不可以继承的有background-color
和盒子模型属性width
height
margin
padding
同一个标签携带多个类名的时候,如果携带的类名有冲突,则需要考虑css的顺序有关,以后出现的为准,与HTML标签中挂类名的顺序无关。
/*important 提升权重**/
.warning{
color:red !important;
}
!important
主要用于提升页面原子类的权重。