CSS选择器的优先级，提权以及CSS的属性简写

a链接跟form表单中的样式选取

1.a链接标签四种状态

a:link{//默认，没有点击访问的状态}
a:visited{//已点击访问过得状态}
a:hover{//鼠标悬停状态}
a:active{激活，鼠标点击按下去的状态}

2.表单

先看一个表单：

<form action="">
    <p><input type="text" name="" value="admin" readonly></p>
    <p><input type="email" name="" value="" required></p>
    <p><input type="password" name="" value="123456" disabled></p>
</form>

选取只读的，也就是具有readonly属性的标签:

input:read-only{}

选取邮箱可以用input[type=email]{}//type属性方法,
下面这个是用required属性

input:required{}

选择器的优先级

1.当选择器等级相同时，书写顺序后边的会大于前边的

2.选择器等级不同

标签tag < 类选择器class < ID选择器

3.级别的提权

         [高等级，较高等级，低等级]
高等级   [Id，     Id，      Id，]
较高等级 [Class，  Class，  Class]
低等级   [Tag，    Tag，    Tag，]
        父级   ————————>     子级
即：在子元素等级相同情况下，
    有无父级 || 父级别元素高的等级高；
    在父元素等级相同情况下，
    子级别元素高的等级高；

CSS中属性的简写

字体属性：
    .title{
        font-family: sans-serif;
        font-size:24px;
        font-style:italic;
        font-weight:lighter;
    }
简写：
    font:italic lighter 36px sans-serif;

box

裁剪背景色到内容区：background-clip:content-box;
左右相等，上下不等
padding:1px 2px 3px;//中间的是左右的值