zoukankan      html  css  js  c++  java
  • 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
  • 相关阅读:
    引入background和background-size不显示图片
    vue,新手上路,基础,常见问题
    Java设置环境变量
    JS判断是否是手机登录及类型
    Mongodb查询语句与Sql语句对比
    IIS7下使用urlrewriter.dll配置
    反射获取属性
    数据库Convert关于时间取值
    JS实现嵌套Iframe页面F11全屏效果
    针对上次表格编辑的打印问题及解决方案
  • 原文地址:https://www.cnblogs.com/September-9/p/6822821.html
Copyright © 2011-2022 走看看