CSS选择器

选择器

id选择器和class选择器的区别
id选择器： 只允许一个调用。

 #lkq {
}

类选择器：可以被多次调用。

.lkq { 
}

标签选择器：把所有的变成红色·

  p {//p标签
   color: red;
  }
  p标签。

boby{//body标签里所有东西

}

字体font-weight=700px等于加粗 bold
font-weight=400px 等于正常 normal

字体样式 font-style：倾斜字体 italic
复合属性

  div {
            font: italic 700 16px 'HEITIE'
        }

假如第用第三个 不用第4个属性，失效。
只用第四个，则可以。

首行缩进俩个字

text-indent：2em 

行间距。
由文字，上间距和下间距组成。
上间距+下间距+文本=16px；

line-height：16px;

CSS复合选择器

后代选择器
ol里的li全变为粉色
ol是li的父亲

ol li {
    color：pink
 }

子选择器
只选择亲儿子

.class>a{
}

并集选择器
div和p都改为粉色

div,p{
 color: pink;
}

链接伪类选择器

/* 未访问的连接选出来 */
a:link {
   columns: #333333;
   text-decoration: none;
}

/*选择点击过的链接*/
a:link {
   columns: #333333;
   text-decoration: none;
}

需要按照link visted hover(选出鼠标经过的) active顺序

LVHA

伪类选择器
光标点击后变为红色

input focus{
background-color:yello
}