本篇內(nèi)容介紹了“CSS語法和選擇器實例分析”的有關(guān)知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠?qū)W有所成!
深州ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應(yīng)用場景,ssl證書未來市場廣闊!成為創(chuàng)新互聯(lián)的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:18980820575(備注:SSL證書合作)期待與您的合作!
CSS簡介
css的英文全稱Cascading Style Sheets,中文叫層疊樣式表。它是用來表現(xiàn)HTML文件樣式的計算機語言。它不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化。
CSS的特點是為HTML標記語言提供了一種樣式描述,定義了其中元素的顯示方式。它可以實現(xiàn)修改一個小的樣式更新與之相關(guān)的所有頁面元素。
CSS 語法
css的結(jié)構(gòu)是由選擇器,一條或多條聲明組成的。每條聲明是由屬性和屬性值組成的。屬性是你想要設(shè)置的樣式屬性(style attribute)。每個屬性有一個值。屬性和值被冒號分開。聲明和聲明之間被分號分開。
selector {property:value}
給大家舉個栗子,給h4添加字體顏色為紅色:
css樣式如下:
h4 {color:#f00;}
童靴們看上邊的栗子,h4就是選擇器,color為設(shè)置的樣式屬性,#f00是屬性值。
如果你想接著為h4添加樣式,直接在分號后邊寫就可以,例如設(shè)置字號為24px;
h4 {color:#f00;font-size:24px;}
選擇器的分組
在網(wǎng)頁中,不免好多元素有相同的樣式,那么我們可以對選擇器進行分組,使分組的元素分享同一組樣式。
p,h4{color:#f00;}
上面的例子,所有的p元素和h4元素字體顏色設(shè)置成紅色。
繼承
在CSS中,子元素可以繼承父元素屬性。
body中兩個子元素分別是h4和p,給body元素添加屬性,設(shè)置字體顏色為紅色。
給body添加color屬性
在瀏覽器中顯示:
子元素繼承父元素屬性
通過CSS繼承,h4元素和p元素繼承了父元素body的屬性。
“CSS語法和選擇器實例分析”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實用文章!
本文名稱:CSS語法和選擇器實例分析
標題鏈接:http://chinadenli.net/article48/gsgeep.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站策劃、做網(wǎng)站、服務(wù)器托管、面包屑導航、小程序開發(fā)、網(wǎng)站維護
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)