CSS核心属性

时间:2019-11-07
本文章向大家介绍CSS核心属性,主要包括CSS核心属性使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
  1. 文本大小 {font-size:12px/14px/16px}

    说明:
    1)属性值为数值型时,必须给属性值加单位,属性值为0时除外。
    2)单位还可以是pt,9pt=12px;
    3)为了减小系统间的字体显示差异,IE Netscape Mozilla的浏览器制作商于1999年召开会议,共同确定16px/ppi为标准字体大小默认值,即1em.默认情况下,1em=16px,0.75em=12px; 1rem 相对于根元素的倍数
    4)使用绝对大小关键字

       xx-small   =9px
       x-small    =11px
       small      =13px
       medium     =16px
       large      =19px
       x-large    =23px
       xx-large   =27px
    
  2. 文字颜色{color: white}
    说用十六进制表示颜色值:

       0  1  2  3  4   5  6  7  8  9
       0  1  2  3  4   5  6  7  8  9  A  B  C  D  E  F

    颜色模式:

       光色模式 R         G      B
               FF        00     00

    颜色值的缩写:

       当表示三原色的三组数字同时相同时,可以缩写为三位;
       当用十六进制表示颜色值时,需要在颜色值前加“#”
    
    
  3. 文本字体{font-family: "字体1", "字体2"}

       说明:
           *当字体是中文字体时需加引号;
           *当英文字体中有空格时需加引号如“Times New Roman”;
           Windows中文版本操作系统下,中文默认字体为宋体或者新宋体,英文字体默认为Arial.
     
     
       加粗 {font-weight: bold/normal/100-900}     
       倾斜 {font-style: italic/oblique}
           1)在css规范中把字体的粗细分为9个等级,分别从100-900,
           其中100对应最轻的字体变形,而900对应最重的字体变形。
           100-500常规字体600-900加粗字体
    
    
  4. 对齐方式
    水平/垂直:

       {text-align:left/right/center/justify(justify个别浏览器不兼容,)
       {vertical-align:top/bottom/middle/baseline;}(只有inline-block(能设置大小,默认排在一行)元素类型支持)
    
    
  5. 行高

       说明:
           1)当单行文本的行高等于容器高时,可实现单行文本在容器中垂直方向居中对齐;
           2) 当单行文本的行高小于容器高时,可实现单行文本在容器中垂直中齐以上任意位置.
           3) 当单行文本的行高大于容器高时,可实现单行文本在容器中垂直中齐以下任意位置.(IE6及以下版本存在浏览器兼容问题)

原文地址:https://www.cnblogs.com/homehtml/p/11811652.html