4.8 本章總結
UI元素狀態偽類選擇器指的是“UI元素狀態”這方面的偽類選擇器。 在CSS3中,新增的常用UI元素狀態偽類選擇器如下:
5.1 CSS3文本屬性
從這一章開始,我們就進入了CSS3的各種特效屬性學習中了。 在CSS3中,增加了豐富的文本修飾效果,使得網頁更加美觀舒服。下面列出了
5.2 文字陰影text-shadow屬性
一、text-shadow屬性簡介 在CSS2中,如果想要實現文字的陰影效果,我們一般都是使用Photoshop等來實現。但是在CS
5.3 文字描邊text-stroke屬性
一、text-stroke屬性 在CSS3中,我們可以使用text-stroke屬性為文字添加描邊效果。這個描邊效果,說白了就是給文
5.4 文本溢出text-overflow屬性
一、text-overflow屬性 我們在浏覽網頁的時候,經常能看到這樣的效果:當文字超出一定范圍時會以省略號顯示,並隱藏多余的文字
5.5 強制換行word-wrap屬性
一、word-wrap屬性 在CSS3中,我們可以使用word-wrap屬性來設置“長單詞”或“URL地址”是否換行到下一行。
5.6 嵌入字體@font-face
一、嵌入字體@font-face簡介 在CSS入門教程的“字體類型font-family”這一節我們提到過,服務器中的字體跟本地電腦
5.7 字體尺寸font-size-adjust屬性
一、font-size-adjust屬性 有一定實踐經驗的前端開發者都了解:在網頁中,如果改變了字體類型,則頁面中使用該字體類型的文
5.8 本章總結
在CSS3中,增加了豐富的文本修飾效果,使得網頁更加美觀舒服。下面列出了常用的CSS3文本屬性:
6.1 透明度opacity屬性
一、opacity屬性 在CSS3中,我們可以使用opacity屬性來控制元素的透明度。 語法
6.2 RGBA顏色
一、RGBA顏色 RGB是一種色彩標准,是由紅(R)、綠(G)、藍(B)的變化以及相互疊加來得到各式各樣的顏色。RGBA說白了,就是
6.3 CSS3漸變
一、CSS3漸變簡介 在網頁中,我們經常可以看到各種的漸變效果,包括漸變背景、漸變導航、漸變按鈕等。在網頁中添加漸變效果,使得網頁更
6.4 線性漸變
一、線性漸變簡介 在CSS3中,線性漸變指的是一條直線上進行的漸變。在網頁中,大多數漸變效果都是線性漸變。
6.5 徑向漸變
一、徑向漸變簡介 CSS3徑向漸變,是一種從起點到終點顏色從內到外進行圓形漸變(從中間向外拉,像圓一樣)。CSS3徑向漸變是圓形或橢
本章總結
一、opacity屬性 在CSS3中,我們可以使用opacity屬性來控制元素的透明度。 語法
7.1 CSS3邊框屬性
一、CSS3邊框屬性簡介 在CSS3中,針對邊框,增加了豐富的修飾效果,使得網頁更加美觀舒服。下面列出了常用的CSS3邊框屬性:
7.2 圓角border-radius屬性
一、border-radius屬性 我們在很多網站包括 學習網都經常能看到圓角的效果。從用戶體驗和心理來說,圓角效果往往更為
7.3 多色邊框border-colors屬性
一、border-colors屬性 在CSS2中,我們可以用border-color設置邊框的顏色。但是如果我們想要實現下圖那種多色
7.4 邊框背景border-image屬性
一、border-image屬性簡介 在CSS入門教程中,我們學習了邊框樣式border-style,其中邊框只有實線、虛線、點狀線
7.5 邊框陰影box-shadow屬性
一、box-shadow屬性簡介 邊框陰影,是一種很常見的特效。在 學習網的在線工具欄目中,我們都能看到: