html+css code
Text settings
1. Font-size: font size
2.font-style: font format
3. Font-weight: font weight
4. Color attribute color: text color
Pay attention to the use of web-safe colors
Hyperlink settings
text-decoration: parameters
Parameter value range:
underline: underline the text
overline: add a line to the text
line-through: Strikethrough text
blink: make the text blink
none: Do not display any of the above effects
Background
1. Background color
background-color: set the background color
2. Background picture
background-image: url(URL)
URL is the storage path of the background image, and none means none.
3. Duplicate background image
background-repeat: parameters
Parameter value range:
no-repeat: Do not repeat the tiled background image
repeat-x: Make the picture tile only in the horizontal direction
repeat-y: make the picture tile only in the vertical direction
If you do not specify the background image repeat attribute, the browser defaults to tile the background image in both horizontal and vertical directions.
4. The background picture is fixed
background-attachment: parameters
The background picture is fixed to control whether the background picture scrolls with the scrolling of the webpage. If you do not set the background image fixed attribute, the browser defaults the background image to scroll with the scrolling of the web page. In order to avoid overly fancy background images distracting the viewer’s attention when scrolling, they are generally set to be fixed.
Parameter value range:
fixed: When the webpage is scrolled, the background image is fixed relative to the browser window
scroll: When the webpage is scrolled, the background image is scrolled together with respect to the browser window
Block
1. Word spacing
word-spacing: word spacing
2. Letter spacing
letter-spacing: letter spacing
3. Text alignment
text-align: parameter
The value of the parameter:
left: left aligned
right: Right aligned
center: center alignment
justify: align the left and right ends relative to each other
4. Vertical alignment
vertical-align: parameter
top: top alignment
bottom: bottom alignment
text-top: relative text top alignment
text-bottom: align relative to the bottom of the text
baseline: baseline alignment
middle: center aligned
sub: display in the form of a subscript
super: display in the form of superscript
5. Text indentation
text-indent: indent distance
12px is equivalent to a text distance
6. Space
white-space: parameter
Parameter value range:
normal default, blank will be ignored by the browser
pre leave blank
nowrap text does not wrap
7. Display style
display: parameters
Parameter value range:
block: block-level element, wrap before and after the object
inline: do not wrap before and after the object
list-item: wrap before and after the object, adding bullets
none: no display
Box
1, height
2, width width
3. Padding inner margin
4. Margin
5. Float: You can arrange block-level elements in a row, such as a horizontal menu.
6, clear to clear the float
frame
1. Style
border style parameter
Parameters of border style:
none: no border
dotted: the border is a dotted line
dashed: the border is a long and short line
solid: the border is a solid line
double: the border is a double line
2. Width border width
3. Color border color
List
list-style-type list style
The list symbols of different browsers may be different, which may affect the webpage, so most of the lists on the webpage are displayed by background pictures.
Control the style of the user interface
mouse
cursor: mouse shape parameter
CSS mouse shape parameter table:
Mouse shape: CSS code
style=”cursor:hand”
style=”cursor:crosshair” cross
style=”cursor:text” text form
style=”cursor:wait” Hourglass shape
style=”cursor:move” cross arrow shape:
style=”cursor:help” question mark shape
style=”cursor:e-resize” right arrow shape
style=”cursor:n-resize” up arrow shape
style=”cursor:nw-resize” upper left arrow shape
style=”cursor:w-resize” Left arrow shape
style=”cursor:s-resize” down arrow shape
style=”cursor:se-resize” right down arrow shape
style=”cursor:sw-resize” left and down arrow shape
Also read – Python programming, python代写
