zoukankan      html  css  js  c++  java
  • css21规范学习

    https://www.w3.org/TR/CSS22

    1.

    • An asterisk (*) indicates that the preceding type, word, or group occurs zero or more times.
    • A plus (+) indicates that the preceding type, word, or group occurs one or more times.
    • A question mark (?) indicates that the preceding type, word, or group is optional.
    • A pair of numbers in curly braces ({A,B}) indicates that the preceding type, word, or group occurs at least A and at most B times.

    The following examples illustrate different value types:

    Value: N | NW | NE
    Value: [ <length> | thick | thin ]{1,4}
    Value: [<family-name> , ]* <family-name>
    Value: <uri>? <color> [ / <color> ]?
    Value: <uri> || <color>
    Value: inset? && [ <length>{2,4} && <color>? ]

    2.The "point" unit is commonly used in print-based typography to indicate font sizes and other length values. It's an example of an absolute unit which does not scale relative to the environment.

    3.

     The "em" unit refers to the font size of the element. In this case the result is that the margins around the BODY element are three times wider than the font size.

     4.

    In fact, XML depends more on style sheets than HTML, since authors can make up their own elements that user agents do not know how to display.

     5.px unit:

    • in: inches — 1in is equal to 2.54cm.
    • cm: centimeters
    • mm: millimeters
    • pt: points — the points used by CSS are equal to 1/72nd of 1in.
    • pc: picas — 1pc is equal to 12pt.
    • px: pixel units — 1px is equal to 0.75pt.

    px unit:

    • in: inches — 1in is equal to 2.54cm.
    • cm: centimeters
    • mm: millimeters
    • pt: points — the points used by CSS are equal to 1/72nd of 1in.
    • pc: picas — 1pc is equal to 12pt.
    • px: pixel units — 1px is equal to 0.75pt.
  • 相关阅读:
    点滴线程(笔记)
    解决问题的思维方式之Problem->Desgin->Solution(笔记)
    阿朱分享:中国互联网十五年的22个创新模式(转)
    .NET JSON对象序列化和反序列化
    Centos防火墙设置
    跨平台的 NodeJS 组件解决 .NetCore 不支持 System.Drawing图形功能的若干问题
    Mysql 多行转一行
    redis中的缓存穿透 缓存击穿 缓存雪崩
    redis持久化
    redis事物
  • 原文地址:https://www.cnblogs.com/quan-quanquan/p/5741457.html
Copyright © 2011-2022 走看看