1. Text setting
1. font-size: font size parameter
2, font-style: font format
3, font-weight: font thickness
4, color attribute
color: parameters should
use web-safe colors
Second, the hyperlink setting
text-decoration: The
main purpose of the parameter is to change the underline when the browser displays the text link.
Parameter value range:
underline : underline the text
overline: add the line to the text
line-through: add the strikethrough to the text
blink: blink the text
none: do not display any of the above effects
3. Background
1. Background color
background-color: Parameter
2. Background image
background-image: url (URL)
URL is the storage path of the background image, none means none.
3. The background picture repeats
background-repeat: the
range of parameter parameters:
no-repeat: does not repeat the tiled background picture
repeat-x: makes the picture tile only in the horizontal direction
repeat-y: makes the picture only tile in the vertical direction Shop
If you do not specify a background image repeat attribute, the browser is the default background image horizontally, vertically tile two directions.
4. The background picture is fixed. The
background picture is fixed to control whether the background picture scrolls as the web page scrolls. If you do not set the fixed property of the background image, the default background image of the browser scrolls as the web page scrolls. In order to avoid excessively fancy background images from shifting the viewer ’s attention when scrolling, they are generally set to fixed
background-attachment: parameter
parameter value range:
fixed: the background image is fixed relative to the browser window when the web page scrolls Immobile
scroll: When the webpage scrolls, the background image scrolls together with respect to the browser window
4. Block
1, word spacing
word-spacing: spacing distance
2, letter spacing
letter-spacing: letter spacing
3, text alignment
text-align: parameter
value:
left: left alignment
right: right alignment
center: center alignment
justify: relative left-right alignment
4. vertical alignment
vertical-align: parameter
top: top alignment
bottom: bottom alignment
text-top: relative text top alignment
text-bottom: relative text bottom alignment
baseline: baseline alignment
middle: center alignment
sub: following
Super display in the form of superscript: display in the form of superscript
5, indentation of
text text-indent: indentation distance
12px is equivalent to a text distance
6,
white-space: parameter
normal normal
pre reserved
nowrap does not wrap
7. display style
display:
parameter Value range:
block: block-level element, line break before and after the object
inline: line break before and after the object
list-item: line breaks before and after the object, adding bullet
none: no display
Fifth, box
1, height
2, width
3, padding inner margin
4, margin outer margin
5, float (float): block-level elements can be arranged in a row, such as horizontal menu.
6. Clear clear float
Sixth, border
1, style
border style parameters
Border style parameters:
none: no border
dotted: border is dotted line
dashed: border is long and short line
solid: border is solid line
double: border is double line
2, width
border width parameter
3, Color
border color parameter
7. List
list-style-type List styles may
differ from browser to browser, and may affect the web page, so most of the lists on the web page are displayed by background images.
Control the style of the user interface
0 BY-SA copyright agreement, please attach the original source link and this statement. Original link: https://blog.csdn.net/xujiuba/article/details/78926554