第四章 初识CSS

第四章 初识CSS

1、CSS是一种级联样式表，能用来美化网页

2、使用的位置分为外部、内部、行内，使用优先级为就近原则

外部：CSS样式代码很多的时候使用，在一个以 .css结尾的文件中直接写css样式代码，需要用连接式或者导入式引入HTML的结构文件中

内部：使用场景是代码不止一行，又不多，根据语法直接写在style标签中即可

行内：一般使用场景是样式代码只有一个或者两个属性的时候，直接写在行内

3、基本选择器：标签选择器、类选择器、id选择器，优先级是id>类>标签

标签选择器直接写在style标签中即可，类和id选择器需要先定义一个class和id名称

4、高级选择器：层次选择器、结构伪类选择器

层次选择器：

	后代选择器E F:选择匹配的F元素，且匹配的F元素被包含在匹配的E元素内

	子选择器E>F: 选择匹配的F元素，且匹配的F元素匹配的E元素的子元素

	相邻兄弟选择器E+F：选择匹配的F元素，且匹配的F元素紧位于匹配的E元素后面

	通用兄弟选择器E~F：选择匹配的F元素，且位于匹配的E元素后面的所有匹配的F元素

结构伪类选择器：

	E:first(last)-child：作为父元素的第一（最后一个）个子元素

	E F:nth-child(n)：选择父元素E的第n个之元素F

	E:first(last)-of-type：选择父元素内的具有指定类型的第一（最后一个）个E元素

	E F:nth-of-type(n)：选择父元素内的具有指定类型的第n个E元素