1 text styles: color color
text-align elements alignment
text-indet set the first line of text indented
line-height line-height of the text of the
text-decoration set text decoration
2 font style: font-family: "official script" font type
font-size font size,
font-style font style
font-weight font weight
font font: italic bold 36px "Times New Roman";
set all font properties before a statement
list-style-type = none removed mark symbol before listing
3 text horizontal center:
height: 200px;
line-height: 200px;
height lines: line-height: PX
4 pictures centered horizontally:
Vertical Number of-align = left: Middle; Run the display: inline-Block;
5 text decoration:
text-decoration attribute
none default standard text
underline underlined
overline overline
strikeout of the text line-through
6 shaded text:
text-shadow:
X-Y-offset Color blur-radius offset;
text-Shadow: # F00 of, (0,0,0)
Color Color x-offset X axis offset y-offset Y axis offset shadow blur radius blur-radius
7 hyperlink pseudo-classes:
a: not click access link when
a: visited click to access
a: hover the mouse was suspended when
a: active click unreleased
sequence: L> V> H> A
. 8 background color of the background image:
background- color background color
background-image: url (path) of the background image
9 background size:
background-size
Auto default value remains as
percentage with respect to the element width percentile
cover the entire image enlarged to fill the entire background
contain background image holding aspect ratio allows itself and the background image scaling to accommodate the width or height exactly define the background area
10 gradient:
background: Linear-gradient (position, color, color);
position direction gradient color
color color two
