Walker-Yang

摘要： 伪元素： 1.定义：在文档结构中没有出现的元素，假元素 2. ::first-letter{color:red;},将元素内容中的第一个文字的字体颜色设置为红色，使用的是两个冒号 3. ::first-line{color:red;},将元素内容中的第一行文字的字体颜色设置为红色，使用的是两个冒号， 阅读全文

摘要： 动态伪类： 伪类：元素不同状态表现不同的样式 1.动态伪类：能用于任何元素 2.动态伪类最常见的三种状态：hover状态，active状态和focus状态 3.hover状态：鼠标放到元素上的状态，最常用的状态 4.active状态：点击时没有松开鼠标左键的状态，用得不多 5.focus状态：文本输 阅读全文

摘要： 静态伪类： 1.伪类：元素不同状态表现不同样式 2.静态伪类分为两种：link状态和visited状态，仅仅适用于超链接 3.link状态：超链接未被访问的状态，点击之前的样式 4.visited状态：超链接已被访问的状态，点击之后的样式 阅读全文

摘要： css优先级： 1.优先级从小到大 继承选择器<浏览器默认样式<通用选择器<标签选择器<类选择器<ID选择器<行内样式 2.选择的越精确，优先级越高 3.当优先级相同时，后写的样式会覆盖先写的样式 阅读全文

摘要： css特性之叠加性： 1. 当多个选择器选中的是同一个或者同一类元素时，加的是不一样的样式，所有选择器都会生效 css特性之层叠性： 1.当多个选择器选中的是同一个或者同一类元素时，加的是同一样的样式，只有一个优先级高的选择器会生效 2.当选择器选中的是同一个或者同一类元素时，加的是同一种样式，优先 阅读全文

摘要： css的特性之继承性： 1.继承性是指后代元素继承祖先元素的样式 2.继承性只能继承文字，文本样式，其它样式不能继承 3.继承的是：color,text-开头，font-开头，line-开头 可以继承 阅读全文

摘要： 序列选择器之nth-child选择器： 1.序列选择器多用于列表，因为每个列表的列表项都是li元素 2.li:nth-child(n)表示的是选中li父元素中列表项第n个子元素是li的元素 3.li:nth-child(2n)表示的是选中li父元素中列表项偶数个子元素都是li的元素 4.li:nth 阅读全文

摘要： 序列选择器之第一个子元素选择器： 1.第一个子元素选择器选中的是含有该子元素的父元素中第一个是该子元素的选择器，必须满足两个条件 2.h3:first-child表示选择的是h3元素的父元素中,是h3的第一个子元素,必须同时满足两种条件才能选中 序列选择器之最后一个子元素选择器： 1.最后一个子元素 阅读全文

摘要： 高级选择器之交集选择器： 1.交集选择器必须满足多个条件 2.选择器之间是紧挨著的，中间没有间隔字符 3.书写时，标签选择器在前面，类选择器在后面 4.由于id属性具有唯一性，一般ID选择器是不参与交集选择器的 5.当交集选择器都是标签选择器或者都是类选择器时，才可以互换位置 阅读全文

摘要： 高级选择器之并集选择器： 1.并集选择器描述的是一种并集的关系 2.多个并集选择器之间使用的是英文状态下的逗号隔开 3.并集选择器可以是标签选择器，ID选择器，class选择器，以及他们组合成的后代选择器 4.各个选择器之间的位置可以任意互换 阅读全文

摘要： 高级选择器之后代选择器： 1.后代选择器描述的是一种祖先关系，并不一定是父子关系 2.书写时，祖先选择器写在前面，后代选择器写在后面，他们之间使用空格隔开 3.标签选择器，ID选择器，class选择器都可以用来组合成后代选择器 阅读全文

摘要： 基础选择器之通用选择器： 1.使用通配符*表示选择通用选择器 2.通用选择器选中的是所有的元素 3.通用选择器一般用来给页面的所有元素设置全局统一的样式 阅读全文

摘要： 基础选择器之class选择器： 1.class属性是标准属性，任何元素都可以有class属性。 2.使用class选择器时，要在class值前加上"." 3.class选择器可以被多个元素共同使用,不同元素可以有相同的class值 4.同一个元素可以有多个类名，要使用空格隔开 5.尽量使用类选择器， 阅读全文

摘要： 基础选择器之ID选择器： 1.id属性是标准属性，任何元素都可以有id属性。 2.使用id选择器时，要在id值前加上"#" 3.ID选择器只能选中一个元素，同一个页面要保证id的唯一性。不同元素有相同id,也属于非法 4.定义id时，必须要以字母开头，可以包含数字，下划线等符号 5.定义id时，不要 阅读全文

摘要： 基础选择器之标签选择器： 1.通过标签选择元素，任何标签都可以作为选择器使用 2.使用标签选择器选中的元素，不论元素隐藏有多深都可以选中 3.标签选择器选择的是拥有该标签的所有元素 阅读全文

摘要： css注释： 1.当css样式中的某些语句不需要使用，或者对语句进行解释说明时，可以使用注释 2.注释的格式：/*注释的内容*/,也可以使用快捷键“ctrl+/" 3.合理的使用注释可以使文档的结构清晰，便于查看和修改 阅读全文

摘要： 导入样式： 1.应用场景：两个或者多个独立的css文件之间 2.在需要导入样式文件的css文件中，使用语句@import url ("要导入的css文件的路径")，导入其他css文件 3.使用导入样式，会先加载html,再加载css，会造成页面样式延迟，导致页面显示不正确 4.这种导入方式不常用，也 阅读全文

摘要： 引入样式： 1.首先新建一个css格式的文件，将需要设置的样式写在里面 2.在head头部使用link单标签引入css文件，与当前文档建立关联 3.一个文档可以引入多个外部css文件 4.语法： <link rel="stylesheets" type="text/css" href="css文件的 阅读全文

摘要： 行内样式的书写： 1.使用style属性来设置元素的行内样式 2.可以设置多个属性值，每个属性之间使用分号隔开 3.行内样式的优先级最高 <span style="color:red;font-size:30px;">行内样式</span> 内部样式： 1.内部样式，是使用style双标签写在hea 阅读全文

摘要： css属性的书写格式： 1.语法：属性名：合法的属性值; 2.属性值是对属性的一种相关描述，必须是一个合法的标识符 3.不同的属性之间使用英文状态下的分号隔开 4.css属性不区分大小写，推荐使用小写 5.常见的属性： 颜色设置：color:合法的颜色值； 字体大小：font-size:合法的尺寸单 阅读全文