复合选择器总结
后代选择器 用来选择后代元素 符号是空格 div p 使用较多
子代选择器 只能选择最近一级子元素 符号是大于号 div>p 使用较少
并集选择器 选择相同样式的元素 可以用于集体声明 符号是逗号 div,p,a 使用较多
链接伪类选择器 选择不同状态的链接 重点记住 悬停时关键词 a:hover 其余为link visited active 顺序为lvha,不可以打乱
:focus选择器 选择获得焦点的表单 input:focus {} 更改获得焦点时input的样式
元素显示模式总结
块元素与内联元素互相转换
display:block 块转内联
display:inline 内转块
display:inline-block 行内块元素
背景总结
background-color 背景颜色 预定义的颜色值、十六进制、rgb代码
background-image 背景图片 url(图片路径)
background-repeat 是否平铺 repeat/no-repeat/repeat-x/repeat-y
background-position 背景位置 length/position x坐标 和y坐标
background-attachment 背景附着 scroll背景滚动 fixed背景固定
背景简写 书写更简单 背景颜色 背景图片地址 背景平铺 背景滚动 背景位置
背景色半透明 背景颜色半透明 background:rgba(0,0,0,0.3); 后面必须是4个值
网友评论