美文网首页四期学习小组
CSS阶段第一小节第二天

CSS阶段第一小节第二天

作者: AndrewZheng | 来源:发表于2017-04-23 23:39 被阅读3次

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的优先级:

相关文章

网友评论

    本文标题:CSS阶段第一小节第二天

    本文链接:https://www.haomeiwen.com/subject/fixuzttx.html