yy_bazinga的博客

a元素的伪类:link:visited:hover:active:link用来表示没访问过的链接（正常的链接）。a:link{ color: red;}此时没有访问过的链接会变成红色。:visited用来表示访问过的链接。由于隐私的原因，所以visited这个伪类只能修改链接的颜色。a:visited{ color: red;}此时访问过的链接会变成红色。:hover用来表示鼠标移入的状态。a:hover{ color: red; font-s

伪类选择器伪类选择器：xx-child:first-child:last-child:nth-child()说明：xx-of-type:first-of-type:last-of-type:nth-of-type()说明:not()伪类选择器伪类（不存在的类，特殊的类）伪类用来描述一个元素的特殊状态。比如：第一个子元素、被点击的元素、鼠标移入的元素等。伪类一般情况下都是使用:开头。：xx-child:first-child第一个子元素。ul > li:first-child{

属性选择器[属性名][属性名=属性值][属性名^=属性值][属性名$=属性值][属性名*=属性值][属性名]选择含有指定属性的元素。如：p[title]{ color: red;}选中所有有title属性的p元素。[属性名=属性值]选择含有指定属性和属性值的元素。如：p[title=abc]{ color: red;}选中所有title值为abc的p元素。[属性名^=属性值]选择属性值以指定值开头的元素。如：p[title^=abc]{ color: r

关系选择器关系元素父元素子元素祖先元素后代元素兄弟元素关系选择器子元素选择器后代元素选择器兄弟元素选择器选择下一个兄弟选择下边所有的兄弟关系元素父元素直接包含子元素的元素叫做父元素。子元素直接被父元素包含的元素是子元素。祖先元素直接或间接包含后代元素的元素叫做祖先元素。一个元素的父元素也是它的祖先元素。后代元素直接或间接被祖先元素包含的元素叫做后代元素。子元素也是后代元素。兄弟元素拥有相同父元素的元素是兄弟元素。关系选择器子元素选择器作用：选中指定父元素的指定子元素语法：父

复合选择器交集选择器选择器分组（并集选择器）交集选择器作用：选中同时符合多个条件的元素。语法：选择器1选择器2选择器n{}。注意：交集选择器中，如果有元素选择器，必须使用元素选择器开头，如div.red{}，不能写成.reddiv{}。.a.b.c{}这样的写法也可以。理论上 div#test{} 的格式也成立，只是id一般是唯一的，所以可以直接写成 #test{}。选择器分组（并集选择器）作用：同时选择多个选择器对应的元素。语法：选择器1,选择器2,选择器n{}。如：h1, span{

常用选择器元素选择器id选择器类选择器通配选择器元素选择器作用：根据标签名来选中指定的元素。语法：标签名{}例子：p{} h1{} div{}p{ color: red;}id选择器作用：根据元素的id属性值选中一个元素。语法：#id属性值{}例子：#test{}#test{ color: red;}注意：id是不能重复的。类选择器class是一个标签的属性，它和id类似，不同的是class可以重复使用。可以通过class属性来为元素分组。可以同时为一个

CSS语法注释基本语法选择器声明块注释/*这里是注释*/CSS中的注释，注释中的内容会自动被浏览器所忽略基本语法CSS内容由选择器和声明块组成。选择器通过选择器可以选中页面中的指定元素。比如 p 的作用就是选中页面中所有的p元素。声明块通过声明块来指定要为元素设置的样式。声明块由一个一个的声明组成。声明是一个名值对结构：一个样式名对应一个样式值，名和值之间以:连接，以;结尾。...

CSS的三种使用方式CSS内联样式（行内样式）内部样式表外部样式表CSS网页分成三部分结构（HTML）表现（CSS）行为（JavaScript）CSS：层叠样式表CSS用来设置网页中元素的样式。网页实际上是一个多层的结构，通过CSS可以分别为网页的每一层设置样式，而最终我们能看到的只是网页的最上边一层。CSS修改样式有三种方式：1、内联样式（行内样式，实际开发中不推荐使用）2、内部样式表3、外部样式表（最佳方式）内联样式（行内样式）在标签内部通过style属性来设置元素的样式。