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}