css标签小结

复合选择器总结

后代选择器 用来选择后代元素 符号是空格 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个值

你可能感兴趣的:(css标签小结)