Chapter advance understanding of terms and concepts

Chapter advance understanding of terms and concepts

1. Be sure you understand the jargon of the world such as CSS

   .vocabulary{
       height:99px;
       color:transparent;
   }

   1. Properties: As height, color
   2. value
      1. Integer: z-index: 1 1 belonging to Also
      2. Values: line-height: 1.5 of 1.5, belongs
      3. Percentage values: padding: 50% of 50%. belong
      4. Length value: 99px
      5. Color value: # 999
      6. String value, the position value,
      7. In CSS3, the angle value, the frequency value, time value, and other types
   3. Keywords:
      1. 如 transprent,solid,inherit...
      2. Which is also known as the Pan inherit keyword, CSS properties can be used all his
   4. variable
      1. CSS3 in currentColor
   5. Unit of length
      1. Time units: s, ms
      2. Angle Unit: deg, rad ...
      3. 2%; value is a complete unit of length is not
      4. = Length of unit +
         1. Relative length unit
            1. Font relative length units: em, ex and CSS3 in rem, ch
            2. Viewport relative length unit: vh, vx, vmin, vmax
         2. Absolute length units
            1. px, pt, cm, mm, pc etc.
   6. Function symbols
      1. rgba(0,0,0,0.5), url('css-world.png'),attr('href'),scale(-1)
   7. Attribute value: after the colon is the attribute value
      1. As 1px solid rgb (0,0,0) + value key function symbols +
      2. z-index: 1 1 is the value of
   8. Disclaimer: attribute name with the property value is declared
      1. color:transparent;
   9. Declaration block: {} is wrapped in a series of statements
      1. As the above code
   10. Rule set or rule: selector occurred, and there declaration blocks.
       1. If all of the above code
   11. Selector: as above .vocabulary
       1. Class Selector: .vocabulary
       2. ID selector: #id
       3. Attribute selectors
          1. [sttribute]
          2. [attribute=value]
          3. [Sttribute ~ = value] for the element selected attributes includes the specified words
          4. [Attribute | = value] for selecting the element with the attribute value to begin with a specified value, this value must be a whole word.
          5. [Attribute ^ = value] match the beginning of the attribute value of each element of the specified value.
          6. [Sttribute $ = value] matching attribute value of each element end with the specified value.
          7. [Attribute * = value] contained in the property value matches the specified value of each element.
       4. Pseudo class selector: The: first-child, last-child
       5. Pseudo-element selector: :: first-line, :: first-letter, :: before, :: after
   12. Relations selector
       1. Descendant selectors; connecting spaces
       2. Adjacent descendant selectors: selecting only son Elements>
       3. Brothers Select: Select the current rules of the Council of adjacent serious siblings -
       4. Adjacent sibling selector: just choose that will fit the rules of the current element adjacent siblings +
   13. @rule
       1. @media
       2. @ Font-face
       3. @page
       4. @support

2. Learn CSS world "undefined behavior"

   1. Like browser norms to achieve not take into account the minutiae, called "undefined behavior."