css樣式改變及實際用法詳解
發(fā)布時間:2018-04-09 14:57:01 作者:佚名
我要評論

這篇文章主要介紹了css樣式改變及實際用法詳解,需要的朋友可以參考下
css樣式改變及實際用法,先給大家展示效果圖,感覺不錯請參考實現(xiàn)代碼。
效果圖如下所示:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>引入外部樣式</title> <link rel=" stylesheet" href="home.css" type="text/css"/> </head> <body> <p>我也是一個段落</p> <span>這是一個span標(biāo)簽</span> <p>這是一個<span>這是里面的標(biāo)簽</span>.</p> <p id="t">我也是一個標(biāo)簽<span>我也是里面的</span></p> <p class="test"> 我需要改變</p> </body> </html>
css樣式如下:
*{ font:"Arial Black", Gadget, sans-serif; } body{ color:pink} p,span{color:#036} p span{ color:blue; font-style:italic} p#t{ color:red; font-size:24px} p.test{ color:#ffbbaa; font-size:36px} p#t span{color:yellow; font-style:italic}
總結(jié)
以上所述是小編給大家介紹的css樣式變及實際用法詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
- 這篇文章主要介紹了 CSS 樣式書寫規(guī)范,包括編碼設(shè)置,命名空間規(guī)范等知識,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2018-03-29
在線css sprite/css精靈/雪碧圖css樣式生成工具
這是一款腳本之家翻譯自國外網(wǎng)站的css樣式工具,可在線生成css精靈/雪碧圖樣式。用戶只需點擊按鈕上傳雪碧圖片即可通過鼠標(biāo)點擊拖動來選擇雪碧圖上的小圖案,待系統(tǒng)自動確2018-01-24CSS使用classList實現(xiàn)兩個按鈕樣式的切換
在一些頁面我們需要使用兩個按鈕來回切換,怎么實現(xiàn)這樣的功能呢?下面小編給大家?guī)砹薈SS使用classList實現(xiàn)兩個按鈕樣式的切換效果,需要的朋友跟隨腳本之家小編一起學(xué)習(xí)2018-01-24- 本文通過實例代碼給大家介紹了用CSS樣式寫選擇框右側(cè)小三角的方法,需要的朋友參考下吧2018-01-18
css判斷某元素的子元素個數(shù)并分別設(shè)置樣式的方法
這篇文章主要介紹了css判斷某元素的子元素個數(shù)并分別設(shè)置樣式的方法的相關(guān)資料,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-01-17- jQuery ui和css3制作一款精致圓形音樂播放器,內(nèi)嵌背景圖片非常漂亮,帶播放進度條,可以控制播放暫停、調(diào)整音量等播放器常用的功能。 本段代碼可以在各個網(wǎng)頁使用,有需要2018-01-11