废话没有,直接干活css
1、起名方式:1.元素自身的标签名;浏览器
2.利用 class 属性自定义名称;spa
3.利用 id 属性自定义名称。共三种,其中class使用居多。it
起名规范:不能用汉字起 第一个字母不能是特殊符号 第一个字母必须是英文字母。io
——————————————————————————————————————————————class
2、选择器:注:选择器使用于head部分的<style>标签中或外部引入的css文件中。import
1.标签选择器,没必要多说,直接输入元素名;im
2.class选择器,在其自定义名称前加上点 . 便可;样式
3.id选择器,在其自定义名称前加上# 便可; 在此标注:标签的权重为1,class的权重为10,id的权重为100;行间样式权重1000;在属性值后加 !important 权重无限大。英文
4.子代选择器,用 > 将父级和子级链接起来使用,标签嵌套只有一层关系。
5.后代选择器,用一个 空格 将二者链接起来,前者包含后者,标签嵌套有多层关系(包含一层)。
6.交集选择器,将class名与id名写在一块儿,将其所有选中。
7.通配符选择器,直接输入 * 便可,意为全部的元素。(不建议使用,过于省事,会加大浏览器的负担)
8.并集选择器,用逗号将须要选中的两个或两个以上的名称隔开便可。
9.伪类选择器,只要选择器后带冒号 : 均可以说它是伪类选择器。例如:a:link{}、a:visited{}、a:hover{}、a:active{}、p:before{}、p:after{} 等。
10.结构选择器,格式(例子):ul li:nth-of-type(1) 表示选中的是ul下面的第一个li,后也可跟其它选择器。