• 阅读css官方参考手册的关键点


      本文参考https://www.w3.org/TR/2011/REC-CSS2-20110607/about.html#property-defs

      相信大家写css代码的时候看过如下的提示,一大串的英文,英文水平不好的童鞋可能就懵逼了,其实仔细看都是css的属性值~  

    这里不是说要说具体怎么阅读官方文档,主要是解决一些初学者对这些符号的疑问,就从font这个属性开始吧!


       

      属性都有哪些描述?

    • Name:属性名称

    • Value:可以设置哪些值 

      • inherit是继承的意思,即是说该属性值能否继承给子元素

    • Initial: 初始值 / 默认值(设置属性的初始值相当于没设置、、、)

    • Applies to:适用的元素范围
      • all elements:所有的元素
      • 取值也可以是block-level element:块级元素
    • Inherited:是否可以继承
    • Percentages:是否可以使用百分比
      • N/A:表示不适用
    • Media:媒体
      • visual:视觉 
    • Computed value:如何得出计算值
      • The same as the specified value after clipping the <alphavalue> to the range [0.0,1.0].这里是指与最初的值的范围指定值相同~

      取值都有哪些组合表示?

    •   并列:取值用空格隔开,表示缺一不可,顺序也不能改变
    • | :取值只能出现一个;
    • ||:出现一个或者多个,任意顺序;
    • &&:每个都必须出现,任意顺序;
    • [ ]:分组,代表是一个整体;
    •  / 斜杠 一般是属性组合的时候使用,比如font属性,font-size后面可以写/斜杠加上line-height的值,也可以不写;
    • 优先级:
      •  并列 > && > || > |

      取值的次数都有哪些符号表示

    • (*)星号:大于等于0次;
    • (+)加号:大于等于1次;
    • (?)问号:0次或者1次;
    •  {a,b }大括号:最少a次,最多b次;
    • (#)井号:大于等于1次,每个取值由逗号(,)隔开;
    • (!)感叹号:跟在组合的后面,代表组合里面至少要取一个值,即使组合内的所有值都是可以选择的; 

      取值类型都有哪些?

    • 关键字:比如left,right,top等字面取值,没有任何的符号包裹
    • 基本数据类型:格式为<数据类型>,取值常见:
      • <integer>:表示取值是整数类型:1,2,3等等;
      • <number>:表示取值是实数类型,包括小数,整数:1.02,-10;
      • <color>:表示取值是颜色,比如#000, rgb(0,0,255);
      • <string>:表示取值是字符串,一般是双引号包裹"我是字符串”;
      • <percentage>:表示取值是百分比;
      • <url>:表示资源路径;

    这里做了一些整理描述~帮助初学者有个基本的认识~具体的还请查阅官方文档哦!

    欢迎加入前端学习交流群820111236 !

  • 相关阅读:
    SSH框架中使用Oracle数据库转换为SQLServer的相关配置和注意事项
    MYSQL性能优化系统整理
    PHP时间处理
    debian9 VirtualBox rc=-1908的错误
    https://snapcraft.io/store
    中文转拼音 pinyin4j的使用
    java对象转数组|数组转对象
    Deflater 压缩解压
    spring的RestTemplate连接池相关配置
    spring获取指定包下面的所有类
  • 原文地址:https://www.cnblogs.com/xhysns/p/10056426.html
Copyright © 2020-2023  润新知