css樣式改變及實(shí)際用法詳解
發(fā)布時間：2018-04-09 14:57:01 作者：佚名 
我要評論
我要評論這篇文章主要介紹了css樣式改變及實(shí)際用法詳解,需要的朋友可以參考下
css樣式改變及實(shí)際用法，先給大家展示效果圖，感覺不錯請參考實(shí)現(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樣式變及實(shí)際用法詳解，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
- 這篇文章主要介紹了 CSS 樣式書寫規(guī)范,包括編碼設(shè)置，命名空間規(guī)范等知識，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2018-03-29
在線css sprite/css精靈/雪碧圖css樣式生成工具
這是一款腳本之家翻譯自國外網(wǎng)站的css樣式工具，可在線生成css精靈/雪碧圖樣式。用戶只需點(diǎn)擊按鈕上傳雪碧圖片即可通過鼠標(biāo)點(diǎn)擊拖動來選擇雪碧圖上的小圖案，待系統(tǒng)自動確2018-01-24
CSS使用classList實(shí)現(xiàn)兩個按鈕樣式的切換
在一些頁面我們需要使用兩個按鈕來回切換，怎么實(shí)現(xiàn)這樣的功能呢？下面小編給大家?guī)砹薈SS使用classList實(shí)現(xiàn)兩個按鈕樣式的切換效果，需要的朋友跟隨腳本之家小編一起學(xué)習(xí)2018-01-24
本文通過實(shí)例代碼給大家介紹了用CSS樣式寫選擇框右側(cè)小三角的方法，需要的朋友參考下吧2018-01-18
css判斷某元素的子元素個數(shù)并分別設(shè)置樣式的方法
這篇文章主要介紹了css判斷某元素的子元素個數(shù)并分別設(shè)置樣式的方法的相關(guān)資料，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-17
jQuery ui和css3制作一款精致圓形音樂播放器，內(nèi)嵌背景圖片非常漂亮，帶播放進(jìn)度條，可以控制播放暫停、調(diào)整音量等播放器常用的功能。 本段代碼可以在各個網(wǎng)頁使用，有需要2018-01-11
