8.2 CSS3 new Label box model length unit color gradient size gradient

# CSS3 Box model
* Box-sizing value Content-box default value includes all values/Border-box only the length and width of the bounding rectangle
* resize (Size of the box)        
*     value none not allowed/horizontal adjust width/Vertical adjustment height/Both can
* outline outline border     ' outline:width style color '
* outline-width
* outline-color
* outline-style   value with border-style  solid/dotted/dashed ... The
* outline-offset is the border boundary as the reference point, starting with 0, positive values from the border boundary toward the extension, negative values from the border boundary to the inside. &NBSP
* display:  list-item: Specifies that the object is a list item
            * Table-row: Specifies the object as the table row. Similar to HTML tag <tr>

# CSS3 length unit
### absolute units
* em
* mm
* pt
* p
* pc
* q


### relative units
* px
* em
* ex   default font size half
* rem   relative to the root element HTML font size
* vw  The width of the relative to the viewport. The viewport is divided into 100 units of the VW
* vh  relative to the height of the viewport. The viewport is divided into 100 units of VH
* vmax
*  Vmin

# # # Set Translucent
* Opacity 0~1 decimal, opacity, greater value, more opaque

. box01{
opacity:.5;
Filter:alpha (OPACITY=50);
Background-color:rgba (0,0,0,.5);
}

For i8 Systems

The opacity effect is that the font and the text all become transparent

RBGA on Beijing to become transparent

# # # color values
* Hex 16 binary
* ColorName
* RGB
* RGBA
* HSL
* Hsla
* Transparent

H:

hue (hue). 0 (or 360) indicates red, 120 is green, 240 is blue, and other values are preferred to specify the color. Values are: 0-360

S

saturation (saturation). Values are: 0.0%-100.0%

L

lightness (brightness). Values are: 0.0%-100.0%

# CSS3 Gradient
# # Linear Gradient
* Linear-gradient (direction, color standard 1 color label 1 position, color standard 2, color label 2 position)
* ' linear-gradient (to right, red 10px, purple 100px) '
* Direction: to left/to top/to right/to bottom/angle (0-360deg degrees)

# # # Radial Gradient
* Radial-gradient (Shape radius at center, color label position, color label, color label position)
* Shape: ellipse/circle
* Radius: Length, percent, Closest-corner/closest-side/farthest-side/farthest-corner
* Position Left/center/right top/center/bottom, pixels

8.2 CSS3 new Label box model length unit color gradient size gradient