CSS中修飾字體的屬性
CSS中常見的控制文本的屬性
CSS中常見的控制背景的屬性
應用多個圖標放到同一個圖片裡
多個圖標放到同一個圖片裡，通過定義某區塊的背景定位，調用同一個圖片中不同位置上的小圖標，好處是可以減少對服務器的請求次數，從而加快頁面的訪問速度
邊框屬性
- 任何一個元素都可以設置邊框
- 邊框屬性是用於設置一個元素邊框風格、邊框寬度、邊框顏色的略寫，可以一起設置4邊的邊框，也可對上邊框、右邊框、下邊框和左邊框單獨設置。
邊框風格屬性
- 可以通過邊框風格屬性border-style設定上下左右邊框的風格，該屬性用於設置一個元素邊框的樣式，而且必須用於指定可見的邊框。可以使用1到4個關鍵字，如果四個值都給出了，它們分別應用於上、右、下和左邊框的式樣。
- 如果給出一個值，它將被運用到各邊上。
- 如果兩個或三個值給出了，省略了的值與對邊相等
- 也可以分別使用border-top-style、border-bottom-style、border-left-style和border-right-style屬性單獨設置各邊的風格
各邊的風格使用的屬性值
- none：沒有邊框，無論邊框寬度設為多大
- dotted：點線式邊框
- dashed：破折線式邊框
- solid：直線式邊框
- double：雙線式邊框
- groove：槽線式邊框
- ridge：脊線式邊框
- inset：內嵌效果的邊框
- outset：突起效果的邊框
邊框寬度屬性
- 可以通過邊框寬度屬性border-width設定上下左右邊框的寬度，該屬性用1到4個值來設置元素的邊界，值是一個關鍵字或長度，不允許使用負值長度。
- 如果四個值都給出了，它們分別應用於上、右、下和左邊框的式樣。
- 如果只給出一個值，它將被運用到各邊上。
- 如果兩個或三個值給出了，省略了的值與對邊相等。這個屬性是上邊框寬度、右邊框寬度、下邊框寬度和左邊框寬度屬性的略寫。
- 也可以分別使用border-top-width、border-bottom-width、border-left-width和border-right-width屬性單獨設置各邊的寬度。除了可以使用長度單位定值外，還可以用medium（是默認值）、thin（比medium細）或thick（比medium粗）值。
邊框顏色屬性
可以通過邊框顏色屬性border-color設定上下左右邊框的顏色，可以使用1到4個關鍵字。如果四個值都給出了，它們分別應用於上、右、下和左邊框的式樣。如果給出一個值，它將被運用到各邊上。如果兩個或三個值給出了，省略了的值與對邊相等
略寫的邊框屬性
- CSS屬性border是邊框屬性的一個快捷的綜合寫法，是一個用於設置一個元素邊框的寬度、式樣和顏色的略寫，它包含border-width，border-style和border-color屬性。
- 邊框屬性border只能設置四種邊框，也只能給出一組邊框的寬度和式樣。為了給出一個元素的四種邊框的不同的值，網頁製作者必須用一個或更多的屬性，如：上邊框、右邊框、下邊框、左邊框、邊框顏色、邊框寬度、邊框式樣、上邊框寬度、右邊框寬度、下邊框寬度或左邊框寬度。
鼠標光標屬性
在網頁中默認的鼠標指針只有兩種，一種是最普通的箭頭，另一種是當移動到鏈接上時出現的“小手”。但現在越來越多的網頁都使用了CSS鼠標指針技術，當將鼠標移動到鏈接上時，可以看到多種不同的效果。CSS可以通過Cursor屬性實現鼠標形狀的改變，其屬性可以是默認的鼠標形狀default、小手形狀hand、交叉十字crosshair、文本選擇符號text、Windows的沙漏形狀wait、帶有問號的鼠標help以及各個方向的箭頭屬性值。
分享到:
閱讀更多 PHP開發工程師 的文章
