(1)名称:red,gold
(2)RGB:RGB(0,0)
(3)16进制数值表示,如:#ff0000 表示红色,简写#f00
2.标签选择器
标签选择器,此种选择器影响范围大,建议尽量应用在层级选择器中。
div{
font-size: 30px; /标签选择器/
}
3.id选择器
通过id名来选择元素,元素的id名称不能重复,所以一个样式设置项只能对应于页面上一个元素,不能复用,id名一般给程序使用,所以不推荐使用id作为选择器。
#div1{
color: green; /id选择器,不推荐/
}
4.类选择器
通过类名来选择元素,一个类可应用于多个元素,一个元素上也可以使用多个类,应用灵活,可复用,使用最多。
.color{
color: #7D2DC1;
}
.size{ font-size: 50px; }
5.层级选择器
主要应用在选择父元素下的子元素,或者子元素下面的子元素,可与标签元素结合使用,减少命名,同时也可以通过层级,防止命名冲突
6.组选择器
多个选择器,如果有同样的样式设置,可以使用组选择器
.Box01,.Box02,.Box03{ /相同属性写在一组/
font-size: 35px;
text-decoration: underline;
}
7.伪类及伪元素选择器
常用的伪类选择器有hover,表示鼠标悬浮在元素上时的状态,伪元素选择器有before和after,他可以通过样式在元素中插入内容。
.Box01:hover{ /伪元素选择器/
color: #E3610A;
}
.Box01:before{ /解决bug/content: "·";color: pink;}.Box02:after{content: "。";color: gold;}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。