周學(xué)習(xí)筆記

CSS層疊樣式表,是一種用來為結(jié)構(gòu)化文檔添加樣式的計(jì)算機(jī)語言,CSS文件擴(kuò)展名為.css,三大特性:層疊性,繼承性,優(yōu)先級.

CSS樣式在頭部中添加,有自己的body部分.

一.CSS語法:

? ? ? 選擇器通常是需要改變樣式的html元素,每條聲明由一個(gè)屬性和一個(gè)值組成.

二.選擇器:id和class選擇器

? ? ? 如果要在html元素中設(shè)置css樣式,需要在元素中設(shè)置id和class選擇器.

? 1.id選擇器:id選擇器可以為標(biāo)有特定id的html元素指定特定的樣式.html元素以id屬性來設(shè)置id選擇器,css中id選擇器以#來定義

三.插入樣式表:外部樣式表,內(nèi)部樣式表,內(nèi)聯(lián)樣式.

1.外部樣式表:當(dāng)樣式需要應(yīng)用于很多頁面時(shí),外部樣式表是理想的選擇,在使用外部樣式表的情況下,可以通過改變一個(gè)文件來改變整個(gè)站點(diǎn)的外觀。每個(gè)頁面使用標(biāo)簽鏈接到樣式表,標(biāo)簽在頭部.外部樣式表可以在任何文本編輯器中進(jìn)行編輯,文件不能包含任何的html標(biāo)簽。樣式表應(yīng)該以.css擴(kuò)展名進(jìn)行保存

2.內(nèi)部樣式表:當(dāng)單個(gè)文檔需要特殊的樣式時(shí),就應(yīng)該使用內(nèi)部樣式表,可以使用標(biāo)簽在文檔頭部定義內(nèi)部樣式表.

? ? ? 3.內(nèi)聯(lián)樣式:要使用內(nèi)聯(lián)樣式,需要在相關(guān)的標(biāo)簽內(nèi)使用style屬性,style屬性可以包含任何css屬性.
? ? ? 4.多重屬性:如果某些屬性在不同的樣式表中被同樣的選擇器定義,那么屬性值將從更具體的樣式表中被繼承過來
? 優(yōu)先級:內(nèi)聯(lián)樣式>內(nèi)部樣式>外部樣式>瀏覽器默認(rèn)樣式.

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • CSS .food>li{樣式}包含選擇器,即加入空格,用于選擇指定標(biāo)簽元素下的后輩元素。 * {color:re...
    Jadon7閱讀 195評論 0 0
  • 一、塊級元素和行內(nèi)元素 塊級元素特性 獨(dú)占一行,默認(rèn)高度是根據(jù)內(nèi)容自適應(yīng); 可以設(shè)置 width 和 height...
    水水壺閱讀 2,022評論 3 13
  • BOM DOM BOM 概述: BOM 瀏覽器對象模型,對于路由的底層就是bom 六大對象 window 全局對象...
    又吃鍋包肉閱讀 273評論 0 0
  • DOM 節(jié)點(diǎn) 元素子節(jié)點(diǎn)只檢索第一層 子節(jié)點(diǎn)獲元素的子節(jié)點(diǎn)數(shù)組oDiv.childNodes獲元素的子元素節(jié)點(diǎn)數(shù)組...
    Jadon7閱讀 207評論 0 0
  • 這周開始學(xué)習(xí) js,主要做了下圖這么一個(gè)效果,初步接觸一些js的知識。 一、我寫的代碼 最終要實(shí)現(xiàn)的效果:點(diǎn)擊其中...
    水水壺閱讀 1,370評論 2 4