學習CSS需要知道的CSS基礎知識

2024-07-11 08:45:35

字體：大中小

來源：轉載

供稿：網友

一、可設置的CSS屬性包括：字體屬性、文本屬性、顏色及背景屬性、邊框屬性、容器屬性（邊距屬性、填充屬性）、分類屬性、鼠標屬性。

　　二、基礎屬性

字體屬性：font-family font-style font-variant font-weight font-size
文本屬性：word-spacing letter-spacing text-decoration vertical-align text-transform
　　　　　text-align text-indent line-height
顏色背景屬性：color background(background-color background-image background-repeat
　　　　　　　background-attachment background-position)
邊框屬性：border(border-top border-right border-bottom border-left)(border-width
　　　　　border-style border-color)
容器屬性：margin padding width height float clear
分類屬性：display white-space list-style-type list-style-image list-style-position
　　　　　list-style
鼠標屬性：auto crosshair default hand move e-resize ne-resize nw-resize n-resize se-resize
　　　　　sw-resize s-resize w-resize text wait help

　　三、CSS布局
　　CSS盒模型的理解對于CSS布局有很大幫助，每個元素都有一個元素盒。HTML布局通常使用div+CSS，將網頁分為很多方塊，每個方塊和整個總體都可以各用一個div容納，然后用CSS對各個div進行布局。常用布局屬性包括：margin padding float clear top right buttom left z-index position。

上一篇：CSS clip屬性全知道

下一篇：DIV+CSS 布局代碼精簡對SEO的影響