css+css3 查漏补缺 基础知识
1、css选择器
通用选择器 * {}
类型选择器 h1 {}
类选择器 .note {} p.note{}
ID选择器 #introduction {}
子元素选择器 li>a {}
后代选择器 p>a {}
相邻兄弟选择器 h1+p {}
普通兄弟选择器 h1~p {}
具体性原则 就近原则 重要性
2、透明度
opacity:0~1;
rgba(0,0,0,0.5)
3、css3 HSL和HSLA
hsl(色调【0-360】,饱和度【%】,明度【% 0为黑色 100为白色】)
hsla 多加一个透明度
4、拾色器
5、选用更多字体
@font-face {
font-family: 'ChunkFiveRegular';
src: url('fonts/chunkfive.eot');}
6、粗体 font-weight bold normal
7、斜体 font-style normal italic oblique
8、大写和小写 text-transform uppercase lowercase capitalize
9、下划线和删除线 text-decoration none underline overline line-through blink【闪烁】
10、行间距 line-height
11、字母、单词间距 letter-spacing word-spacing
12、垂直对齐
vertical-align baseline sub super top text-top Middle
bottom text-bottom
13、文本缩进
text-indent
14、投影
text-shadow: 向左右延伸距离 上下距离 模糊程度 颜色值
15、内容溢出
hidden scroll
16、盒子的隐藏
visibility hidden visible
17、边框图像
border-image : url 切割位置【11,11,11,11】 直边处理【stretch repeat round】
18、盒子投影
:box-shadow:水平偏移 垂直偏移 模糊距离 阴影扩展 颜色
19、项目符号
样式 list-style-type
图像 list-style-image
标记定位 list-style-position :outside inside
20、空单元格的边框
empty-cells :show hide inherit
21、单元格之间的空隙
border-spacing border-collapse
22、光标样式
cursor:auto crosshair default pointer move text wait help url