CSS权威指南的一些总结

博文目录：
一、选择器。
二、伪类和伪元素。
三、用户界面样式。

一、选择器：

1.具体属性值选择器

这种选择器允许创作人员根据属性的具体值选择元素
模式：element[attr="value"]
    div[myattr="ww"] {
                color:red;
            }
#会为myattr为ww的div文字加颜色#      
<div class="demo1" myattr="ww">啥啊洒水车</div>
<div class="demo2"> 啊哈哈 我是谁</div>

2.部分属性值选择器

        div[myattr~="ww"] {
                color:red;
            }
    <div class="demo1" myattr="ww demo">啥啊洒水车</div>

3.开始子串属性值选择器

        div[myattr^="abc"] {
                color:red;
            }
    <div class="demo1" myattr="abcdefg">啥啊洒水车</div>

4.结束子串属性值选择器

        div[myattr$="efg"] {
                color:red;
            }
        <div class="demo1" myattr="abcdefg">啥啊洒水车</div>

5.任意子串属性值选择器

        div[myattr*="cde"] {
                color:red;
            }
        <div class="demo1" myattr="abcdefg">啥啊洒水车</div>

6.任意子串属性值选择器

        div[myattr*="cde"] {
                color:red;
            }
        <div class="demo1" myattr="abcdefg">啥啊洒水车</div>

7.简单属性选择器

        div[myattr] {
                color:red;
            }
        <div class="demo1" myattr="abcdefg">啥啊洒水车</div>

二、伪类和伪元素：

:active-这个伪类用于**状态的元素、点击按钮按下期间，这个链接是**的！
:before-这个伪元素允许开发者在元素内容最后生成内容。
:after-这个伪元素允许开发者在元素内容之前生成内容。
:first-child-利用这个伪类，只有当元素是另一个元素的第一个子元素时才能匹
:first-letter-这个伪元素用于指定一个元素的第一个字母样式。
:first-line-这个伪元素用于设置元素中第一行文本的样式，而不论改行出现多少单词。
:focus-这个伪类应用于有焦点的元素。
:hover->这个伪类应用于"悬停状态"的元素。

三、用户界面样式：

1、轮廓

设置轮廓样式：

outline-style:
    dotted----虚线、四个角是黑色的点
    dashed----长虚线
    solid ----实线
    double----两个实线包围
    groove----加粗版本的solid

outline-width: 轮廓宽度
    thin
    medium
    thick
    <length>