溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“Css的高級應用方法有哪些”，在日常操作中，相信很多人在Css的高級應用方法有哪些問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”Css的高級應用方法有哪些”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
一、基本選擇器（單一）
通用選擇器(*)：將匹配所有的HTML元素；
標簽選擇器：對應所有的HTML標記，名稱與標記名稱一樣。
類選擇器：可以通過給一類HTML元素，定義同一個class屬性來增加樣式。類樣式定義以“.”開頭定義。CSS的CLASS屬性一般給層疊樣式用表。比如：
.news表示class=news的元素增加樣式
news表示class=news的<div>元素增加樣式
.news title表示class=news下的class=title的<div>元素
ID選擇器：給標記特定ID屬性的HTML元素來增加樣式。\
Id選擇器的定義，以“#”號開頭
網頁不能出現同一個ID的值，ID像身份證號，具有唯一性；
HTML元素的ID屬性，一般給JavaScript使用
二、組合選擇器
多元素選擇器：也就是同時給多個HTML元素定義。
body,p,a,ul,li,p{margin:0px;padding:0px;}
每一個HTML元素都具有默認樣式。
后代元素選擇器：用空格來分隔各個選擇器。
.news .title p{background-color:#FF0000;}
子元素選擇器：用>號來分隔父子選擇器，不存在第三層級的問題。
三、偽類選擇器
偽類選擇器一般是給超鏈接<a>標記來增加樣式。
超鏈接具有四個狀態：
正常狀態 a:link{ }
放上狀態 a:hover{ }
激活狀態a:active{ }
訪問過狀態 a:visited{ }
全局鏈接
a:link,a:visited{color:#333;text-decoration:none;}
a:hover{color:#FF0000,text-decoration:underline;}
給鏈接增加類樣式 (class=“a2”)
a.a2:link,a.a2:visited{ }
a.a2:hover{ }
到此，關于“Css的高級應用方法有哪些”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
