ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

CSS核心属性

2019-11-07 14:01:37  阅读:322  来源: 互联网

标签:容器 font 核心 单行 字体 100 文本 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及以下版本存在浏览器兼容问题)

标签:容器,font,核心,单行,字体,100,文本,CSS,属性
来源: https://www.cnblogs.com/homehtml/p/11811652.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有