网上看见推荐的书总是喜欢买回家,但是大多数时候都不会立即就看,都是在书橱里蒙上了一层灰尘。从毕业到现在,由于公司业务原因,写js多余css,所以就想系统地看看css,并且做一些练习,于是就开始看《css权威指南》,看到了第六章,初步感觉,对于工作一年的我来说,很简单,当然也有一些我不熟悉的知识点,于是整理了下来。
一、@import
1、放在style容器中,且在其他css规则之前
2、每个人@import指令的样式都会加载使用
二、选择器
1、:first-letter 用于选取指定选择器的首字母
2、选择器的优先级
(1)用id选择器设样式:0,1,0,0
(2)用类选择器、属性选择器、伪类:0,0,1,0
(3)用元素选择器、伪元素:0,0,0,1
(4)通配符选择器、连接符:0,0,0,0
3、伪类VS伪元素
作用相同,伪元素包括 :before、:after、:first-letter、:first-line
伪类包括 :link、:visited、:hover、:focus、:active、:first-child、:lang
三、值和单位
1、web安全色
指在256色计算机上总能避免抖动的颜色
用rgb表示的话,百分比要能被20%整除,整数要能呗51整除
十六进制法表示,使用值 00、33、66、99、CC和FF的三元组
2、字体使用引号
一般情况下是不用使用引号的,当字体中
(1)存在空格,如New York
(2)存在%、$之类的符号
的时候,需要用引号来加以区分
四、字体
font中的属性,前三个包括font-style、font-weight、font-variant,顺序随意,而且值为normal时可以忽略不写;后两个值为font-size和font-family,顺序不能颠倒,且为必须项。line-height也可以写在这个属性中,在font-size后面加 /line-height 即可
五、文本属性
1、缩进 text-indent
最常用的首行缩进
2、行高line-hright
line-hright比较好的用法是给一个数字,这样缩放因子将是一个继承值,根据自己的font-size计算line-height
3、vertiral-align
用于于行内元素和表单元素
4、文本转换 text-transform
参数:uppercase、lowercase、capiticalize(首字母大写)、none、inherit