CSS进阶

Chrome开发者浏览器
标签查询方式
标签+mdn------>ul标签的mdn文档
在线编辑文档工具
codepen-create(快捷书写方式eg:li*5[link $]产生5个link的a标签)
代码结构化语义化


CSS样式层叠
样式=默认样式+自己设置颜色
body {//css reset padding:0px; margin:0px; outline:边框大小px线条样式颜色; //边框样式 } ul{ list-style:none; //列表样式为无 }

颜色: 【CSS进阶】三原色(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}

    推荐阅读