::selection选择被用户选取的元素部分:first-line选择元素中的第一行:first-letter选择元素中的第一个字符:after在元素在该元素之后添加内容:before在元素在该元素之前添加内容

优先级由高到低!important>内联style>ID选择器>类选择器>标签选择器>通配符选择器>继承优先级算法(权重)元素标签（派生选择器）：1class选择符：10id选择符：100内联样式最大：1000元素选择符的权值继承得到的样式的优先级最低比较多个权重相同的CSS选择器优先级，定义的位置决定一切。从位置上由高到低分为六级：1.位于<head/>标签里的<st...

id选择器根据提供的唯一id号快速获取标签对象用于充当label标签for属性的值：用户名：，表示单击此label标签时，id为userid的标签获得焦点类选择器(class)标签选择器(h1)相邻选择器直接相邻元素选择器(h1+p)普通相邻元素选择器（h2~h2）子选择器(ul>li)后代选择器(lia)通配符选择器(*)属性选择器（a[rel="XXX"]）伪类选择器(:...

当使用@import导入CSS时，会导致某些页面在IE出现奇怪的现象：没有样式的页面内容显示瞬间闪烁，这种现象被称为“文档样式暂时失效”，简称FOUC。产生原因：当样式表晚于结构性html加载时，加载到此样式表时，页面将会停止之前的渲染。等待此样式表被下载和解析后，再重新渲染页面，期间导致短暂的花屏现象。解决办法：只要在之间加入一个或者元素即可。

一般情况下，页面加载时自上而下的。将style标签至于body之前，为的是先加载样式。若是写在body标签之后，由于浏览器以逐行方式对html文档进行解析，当解析到写在写在文档尾部的样式表时，会导致浏览器停止之前的渲染，等待加载且解析样式表完成之后会重新渲染，在windows的IE下可能会出现FOUC现象（页面闪烁）。、

CSS引入方式有4种内联、内嵌、外链、导入外链link除了可以加载css之外,还可以定义rss、rel等属性，没有兼容性问题，支持使用javascript改变样式导入@import是css提供的，只能用于加载css，不支持通过javascript修改样式页面被加载的时候，link会被同时加载，而@import则需等到页面加载完后再加载，可能出现无样式网页

类选择器的开头用.（点）进行表示。与ID选择器的区别就是可以重用。定义多个元素的样式，好比按组进行归类，同一类的样式统一定义。.error{color:red;}如果把两个类串在一起，选择的就是同时具有两个类名的元素，类名的顺序则无所谓，比如class="urgentwarning",css选择器你也可以这样写.warning.urgent。浏览器兼容性：IE6+FirefoxC...

ID选择器的开头使用#号，但是你在使用的时候，需要谨慎。问问自己：是否真的需要使用ID选择器来定义样式id选择器比较局限，不能重用。因此需要慎重考虑。#container{width:960px;margin:auto;}浏览器兼容性：IE6+FirefoxChromeSafariOpera

针对初学者来说，我们还是从简单的开始学起，首先我们来认识下通用选择器，然后再逐步深入学习其它高级的选择器，加入我们想让文档中的每个元素都显示成红色，我们可以这么做：*{color:red;}通用选择器，可以匹配页面所有的元素。许多开发者可能会用这个技巧如下代码所示让元素居中，在开发测试阶段固然是好的，但是我不建议这么做，因为这样做会给浏览器增加很大的负担。*{margin:0;paddi...

官方网站地址：https://github.com/sandoche/Darkmode.js花几秒钟你也能打造一款白天/夜间阅读模式的网站，这个插件使用cssmix-blend-mode的特性为你的网站添加夜间模式。只需要复制粘贴代码在网页上添加一个小部件就可以进行白天和黑夜模式的切换，除了这种方式，你还可以编程的方式进行使用。该插件是轻量级的，基于原创JS实现。同时它基于本地存储的方式...