CSS进阶

Chrome开发者浏览器

标签查询方式
标签+mdn------>ul标签的mdn文档

在线编辑文档工具

codepen-create（快捷书写方式eg：li*5[link $]产生5个link的a标签）

代码结构化语义化

<ul>    
<li></li>
</ul>

CSS样式层叠

样式=默认样式+自己设置颜色

body {                                          //css reset
  padding:0px;
  margin:0px;
  outline:边框大小px    线条样式      颜色;       //边框样式
}
ul{
  list-style:none;                               //列表样式为无
}

颜色：

三原色（red，green，blue） 0-255
r g b a(0-255,0-255,0-255,透明度);
图片采集颜色：用浏览器打开图片，再用工具进行颜色采取

伪类

链接伪类
link：默认
hover：鼠标移入
active：鼠标点击
visited：鼠标点击过后
其它伪类
focus：焦点聚集
blur：失去焦点
使用方法：

.类名:focus{                                     //注意无空格

}

多选择器

后代选择器

父元素选择器 子元素选择器{                        //父元素中的子元素

}

交集选择器

元素选择器1元素选择器2{                          //满足选择器1并且选择器2

}

并集选择器

元素选择器1，元素选择器2{                         //选择器1和选择器2

}