&

[點晴永久免費OA]什么是css/style，以css的各種樣式的比較

當(dāng)前位置：點晴教程→點晴OA辦公管理信息系統(tǒng) →『經(jīng)驗分享&問題答疑』

admin

2020年2月20日 10:8 本文熱度 4882

1、css是什么，有什么用？

css指的是層疊樣式表，Cascading Style Sheets。解決了內(nèi)容與外觀表現(xiàn)相分離的問題。

2、一開始我們在html中設(shè)置字體是用font標(biāo)簽來設(shè)置字體的顏色大小類型，而現(xiàn)在我們用css來設(shè)置，每一個標(biāo)簽都有自己的屬性，于是我們用p標(biāo)簽，或者其他標(biāo)簽的屬性style來設(shè)置字體的顏色大小類型，例子如下所示：

3、style樣式寫在哪里？各個寫法有何優(yōu)缺點？

根據(jù)寫在哪里，把style分為三類：

行內(nèi)樣式：

在網(wǎng)頁頁面內(nèi)直接找到相應(yīng)的元素或控件，在元素或控件中增加style樣式。

例：<p style="color:red; font-size:24px; font-family:''微軟雅黑'';">你好</p>

好處：是能直接改，優(yōu)先級也是最高，對于單個不重復(fù)頁面處理容易，易于理解。

缺點：當(dāng)頁面重復(fù)使用一種類型的style時，容易造成冗余，后期代碼量大，不易于維護(hù)。

內(nèi)部樣式：

放在網(wǎng)頁頁面內(nèi)部的<head></head>之間，實現(xiàn)了內(nèi)容與表現(xiàn)相分離，例：

p{ color:red; font-size:24px; font-family:微軟雅黑; }

</style>

好處：實現(xiàn)了內(nèi)容與表現(xiàn)相分離，解決了內(nèi)部樣式出現(xiàn)的冗余的問題；