1.CSS语法
①CSS的格式
②CSS的属性
*width:设置宽度,单位px(像素)
*height:设置高度,单位px(像素)
*color:前景色,也就是文字的颜色
*background-color:背景色
*font-size:字体大小
③CSS选择器的综述
【1】通配符选择器:*
*{ 属性1;属性2;}
【2】ID选择器:
#id {属性1;属性2;}
【3】类选择器: 类选择器符号是“.”
<p class="web demo">文字</p>
.web{属性1;属性2;}
.demo{属性1;属性2;}
【4】CSS复合选择器:由两个或多个基础选择器,通过不同的方式组合而成
【4.1】交集选择器(标签指定式选择器):由两个选择器构成,其中一个为标记选择器,第二个为class选择器或ID选择器,如h3.special / p#one
【4.2】包含选择器(后代选择器):用来选择元素或元素组的后代,其写法就是把外层标记写在前面,内层标记写在后面,中间用空格隔开。当标记发生嵌套时,内层标记就成为外层标记的后代。
【4.3】并集选择器:各个选择器通过逗号连接而成,任何形式的选择器都可以作为其一部分。
【4.4】子代选择器:让CSS选择器智能选择子代元素
【5】属性选择器:
【6】伪类选择器
【7】伪元素
④通配符选择器的常用用法之一:清除所有HTML标记的默认边距
*{
margin:0; /*定义外边距*/
padding:0; /*定义内边距*/
}
⑤ID选择器的命名规范:
【1】只允许出现字母(区分大小写),数字,下划线
【2】只允许字母开头
【3】命名长度没有限制,不过不建议太长
【4】不允许出现标签名
⑥ID选择器和类选择器的区别:
【1】ID属性值在当前HTML页面中只能出现1次,而CLASS属性值可以出现多次;
【2】1个class属性可以对应多个值,也就是1个标签可以有多个类;
⑦CSS的层叠性:指CSS样式的叠加,同时作用到同一个标签上的样式会产生叠加。
⑧CSS的继承性:子标签会继承父标签的某些样式(与文字相关的样式),如文本颜色和字号等。
⑨CSS的优先级:
网友评论