A complete collection of web design css style codes, come and collect it!

Reduce a lot of unnecessary code, html css can easily layout the web page. Friends, keep it in your collection~

# 1. Text settings

font-size: font size parameter

font-style: font format

font-weight: font thickness

color: parameter

2. Hyperlink settings

text-decoration: 参数

• underline: underline the text

• overline: underline the text

• line-through: strikethrough the text

• blink: use Text flashing

• none: Do not display any of the above effects

3. Background

background-color: 参数

background-image: url(URL)

• URL is the background The storage path of the image, none means none.

background-repeat: 参数

• no-repeat: Do not repeat the tiled background Picture

• repeat-x: Make the picture tile only in the horizontal direction

• repeat-y: Make the picture tile only in the vertical direction Paving

background-attachment: 参数

• fixed: Web page scrolling When the web page is scrolled, the background image remains fixed relative to the browser window

• scroll: When the web page is scrolled, the background image scrolls together relative to the browser window

##4. Block
1. Word spacing

word-spacing: 间隔距离

2. Letter spacing

letter-spacing: 字母间距

text-align: 参数

Parameter value:

left: left alignment
right：right alignment
center：center alignment
justify：relative left and right alignment
4. Vertical alignment

vertical-align: Parameters
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: Display in the form of subscript
super: Display in the form of superscript
5. Text indentation

text-indent: 缩进距离

12px is equivalent to a text distance of

6. Space

white-space: 参数

normal normal
pre reserved
nowrap no line break
7. Display style

display: 参数

block: block-level element, both before and after the object Line break
inline: No line breaks before and after the object
list-item: Line breaks before and after the object, increase Bullets
none: No display

• height 高度

• width 宽度

• padding 内边距

• margin 外边距

• float（浮动）：可以让块级元素在一行中排列，例如横向菜单。 

• clear 清除浮动

border-style 参数

border-width:参数

border-color:参数

list-style-type:列表样式

cursor:鼠标形状参数

style="cursor:hand" 　　　　　手形
style="cursor:crosshair" 　　十字形
style="cursor:text" 　　　　　文本形
style="cursor:wait" 　　　　　沙漏形
style="cursor:move" 　　　　十字箭头形：
style="cursor:help" 　　　　　问号形
style="cursor:e-resize" 　　　右箭头形
style="cursor:n-resize" 　　　上箭头形
style="cursor:nw-resize" 　　左上箭头形
style="cursor:w-resize" 　　　左箭头形
style="cursor:s-resize" 　　　下箭头形 
style="cursor:se-resize" 　　右下箭头形 
style="cursor:sw-resize" 　　左下箭头形

The above is the detailed content of A complete collection of web design css style codes, come and collect it!. For more information, please follow other related articles on the PHP Chinese website!