您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“Css選擇器怎么用”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“Css選擇器怎么用”這篇文章吧。
1.Padding:
當(dāng)元素的 Padding(填充)(內(nèi)邊距)被清除時,所”釋放”的區(qū)域?qū)艿皆乇尘邦伾奶畛洹?span lang="EN-US" style="font-size:14.0pt;font-family:宋體;mso-hansi-font-family:Calibri;
mso-bidi-font-family:宋體">
簡寫屬性的作用類似 magin
2.float
元素只能 水平浮動,向左或向右移動 直到碰到邊框或另一個浮動元素浮動后,其他的文本流將圍繞在它的旁邊
幾個浮動的元素會彼此相鄰,且高度相同 ,這也是與inline-block的不同,后者會有間距,使用clear 清除浮動 clear:both。
3.CSS選擇器,組合選擇符
(1)id 選擇器
#para1{text-align:center;color:red;}
(2)class 選擇器
.center {text-align:center;}
某元素下的class的樣式
p.center {text-align:center;}
后代選取器
div p{background-color:yellow;}
遞歸選擇 ,div下的所有 p元素,可以是自己的子元素,也可以是子元素的子元素 - 子元素選擇器
div>p{background-color:yellow;}
只對自己的子元素生效,不遞歸下去
(3)相鄰兄弟選擇器
div+p{background-color:yellow;}
選取之相鄰的第一個p元素,需要有相同的父級元素
(4)普通相鄰兄弟選擇器
div~p{background-color:yellow;}
選擇所有與之相鄰的p元素,需要有相同的父級元素 - 嵌套選擇器
p{color:blue;text-align:center;}.marked{background-color:red;}.marked p{color:white;}
.marked 下的所有 p元素建立了樣式 同后代選取器
(5)分組選擇器
h2,h3,p{color:green;}
使用逗號隔開 ,合并具有相同樣式 的元素,其相當(dāng)于
h2{color:green;}h3{color:green;}p{color:green;}
以上是“Css選擇器怎么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。