首页 > 代码库 > css权威指南 读书笔记

css权威指南 读书笔记

网上看见推荐的书总是喜欢买回家,但是大多数时候都不会立即就看,都是在书橱里蒙上了一层灰尘。从毕业到现在,由于公司业务原因,写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

css权威指南 读书笔记