Basic CSS knowledge for CSS webpage Layout

1. configurable CSS attributes include: font attributes, text attributes, color and background attributes, border attributes, container attributes (margin attributes, fill attributes), category attributes, and mouse attributes.

Ii. Basic Attributes

Helper House: http://www.bkjia.com/

Font attribute: font-family font-style font-variant font-weight font-size
Text attribute: word-spacing letter-spacing text-decoration vertical-align text-transform
Text-align text-indent line-height
Color background attributes: color background (background-color background-image background-repeat
Background-attachment background-position)
Border attributes: border (border-top border-right border-bottom border-left) (border-width
Border-style border-color)
Container property: margin padding width height float clear
Classification attribute: display white-space list-style-type list-style-image list-style-position
List-style
Mouse property: auto crosshair default hand move e-resize ne-resize nw-resize n-resize se-resize
Sw-resize s-resize w-resize text wait help

Iii. CSS layout

The understanding of the CSS box model is very helpful for CSS layout. Each element has an element box. HTML layout usually uses div + CSS to divide the webpage into multiple squares. Each square and the whole can be accommodated by one div, and then layout each div with CSS. Common Layout attributes include: margin padding float clear top right buttom left z-index position.