12-CSS引入方式

一、 行內(nèi)樣式表(行內(nèi)式引入)

行內(nèi)樣式表(內(nèi)聯(lián)樣式表)是在元素標(biāo)簽內(nèi)部的 style 屬性中設(shè)定 CSS 樣式。適合于修改簡(jiǎn)單樣式.

  <p style="font-weight: 700;">一段話</p>

特點(diǎn):

1.結(jié)構(gòu)樣式不分離,沒有體現(xiàn)出結(jié)構(gòu)與樣式相分離的思想

2.只能設(shè)置單個(gè)標(biāo)簽里的樣式

3.style中的語法規(guī)范和css一樣

二、 內(nèi)部樣式表(嵌入式引入)

是將所有的 CSS 代碼抽取出來,單獨(dú)放到一個(gè) <style> 標(biāo)簽中寫在header里面。

  <style>
        p {
            font: italic 700 20px Arial;
        }
    </style>

特點(diǎn):
1.代碼結(jié)構(gòu)清晰,但是樣式與結(jié)構(gòu)并沒有完全分離。
2.通過此種方式,可以方便控制當(dāng)前整個(gè)頁面中的元素樣式設(shè)置。

三、外部樣式表

把所有的css代碼都寫在單獨(dú)的css文件中,再通過link引入。

一般在html頁面的head中,寫入link標(biāo)簽引入css文件。

<link rel="stylesheet" href="13-外部樣式表.css">
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • CSS基礎(chǔ) 本文包括CSS基礎(chǔ)知識(shí)選擇器(重要?。。。├^承、特殊性、層疊、重要性CSS格式化排版單位和值盒模型浮動(dòng)...
    廖少少閱讀 3,453評(píng)論 0 40
  • ??DOM 1 級(jí)主要定義的是 HTML 和 XML 文檔的底層結(jié)構(gòu)。 ??DOM2 和 DOM3 級(jí)則在這個(gè)結(jié)構(gòu)...
    霜天曉閱讀 1,611評(píng)論 1 3
  • 一、認(rèn)識(shí)CSS CSS:層疊樣式表(Cascading Style Sheets) 樣式表:如果把HTML比作人,...
    NathanYangcn閱讀 1,030評(píng)論 0 1
  • 1.CSS基本概念 1.1 CSS的定義 CSS(Cascading Style Sheets)層疊樣式表,主要用...
    寥寥十一閱讀 2,080評(píng)論 0 6
  • 正常人不和傻子較量,父母不和孩子計(jì)較,明白人不和糊涂人爭(zhēng)辯,替人著想,看人長處,忽略缺點(diǎn),既往不咎。 這樣想了,你...
    fc39769d28d6閱讀 59評(píng)論 0 0

友情鏈接更多精彩內(nèi)容