[點(diǎn)晴永久免費(fèi)OA]什么是css/style,以css的各種樣式的比較
1、css是什么,有什么用? css指的是層疊樣式表,Cascading Style Sheets。解決了內(nèi)容與外觀表現(xiàn)相分離的問題。 2、一開始我們?cè)趆tml中設(shè)置字體是用font標(biāo)簽來設(shè)置字體的顏色大小類型,而現(xiàn)在我們用css來設(shè)置,每一個(gè)標(biāo)簽都有自己的屬性,于是我們用p標(biāo)簽,或者其他標(biāo)簽的屬性style來設(shè)置字體的顏色大小類型,例子如下所示: <p style="color:red; font-size:24px; font-family:微軟雅黑;">你好</p> 3、style樣式寫在哪里?各個(gè)寫法有何優(yōu)缺點(diǎn)? 根據(jù)寫在哪里,把style分為三類: 行內(nèi)樣式: 在網(wǎng)頁(yè)頁(yè)面內(nèi)直接找到相應(yīng)的元素或控件,在元素或控件中增加style樣式。 例:<p style="color:red; font-size:24px; font-family:''微軟雅黑'';">你好</p> 好處:是能直接改,優(yōu)先級(jí)也是最高,對(duì)于單個(gè)不重復(fù)頁(yè)面處理容易,易于理解。 缺點(diǎn): 當(dāng)頁(yè)面重復(fù)使用一種類型的style時(shí),容易造成冗余,后期代碼量大,不易于維護(hù)。 內(nèi)部樣式: 放在網(wǎng)頁(yè)頁(yè)面內(nèi)部的<head></head>之間,實(shí)現(xiàn)了內(nèi)容與表現(xiàn)相分離,例: <style type="text/css"> p{ color:red; font-size:24px; font-family:微軟雅黑; } </style> 好處:實(shí)現(xiàn)了內(nèi)容與表現(xiàn)相分離,解決了內(nèi)部樣式出現(xiàn)的冗余的問題; 缺點(diǎn):當(dāng)頁(yè)面較多,且用到同一種樣式的時(shí)候,會(huì)造成冗余。 外部樣式: 用單獨(dú)的css文件表示,然后再在網(wǎng)頁(yè)頁(yè)面內(nèi)部引用,即首先新建一個(gè)css文件,用來放樣式,然后在html頁(yè)面或者是要展示的文件下引用樣式: <link rel="stylesheet" href="css文件的地址"> 例:文件demo.css下有 p{ color:red; font-size:24px; font-family:微軟雅黑;} 在文件index.html的body上下都可以,引用 <link rel="stylesheet" href="demo.css"> 即可。 好處:實(shí)現(xiàn)css的單個(gè)化,便于所有需要用到此樣式的網(wǎng)頁(yè)頁(yè)面調(diào)用; 缺點(diǎn):幾乎沒有,除了引用復(fù)雜,每一種類型的樣式都有他們獨(dú)特的好處。 4、如果都作用在同一個(gè)樣式下的三種樣式,css的優(yōu)先級(jí)為:行內(nèi)樣式>內(nèi)部樣式>外部樣式
相關(guān)教程: 該文章在 2020/3/18 18:35:32 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |