CSS的使用方式

2021-09-22 10:22:15 字數 854 閱讀 2096

css全名:cascading style sheet 層疊樣式表

*前端開發者寫的標籤的樣式**一定是樣式庫定義的樣式!

css有三種樣式:

1.行內樣式

2.內部樣式

3.外部樣式

以下為這三種樣式的詳細敘述:

1.行內樣式

html標籤中指定style屬性

其基本格式:

style="css樣式屬性1:屬性值1;css樣式2;屬性值2;"

超連結1

一般情況下不使用這種方式,這種方式存在的弊端是:

a)css樣式**和html標籤混合使用,不利於後期管理

b)行內樣式只能一次控制乙個標籤

2.內部樣式

在head標籤體中定義乙個style標籤

同樣這種方式也存在弊端:html**和css**混合到一起,不利於維護,如果**不多,可以使用內部樣式。

3.外部樣式

a)定義乙個以後綴.css結尾檔案

b)當前html頁面中要引入外部css檔案

c)在head標籤體中定義標籤link

link

href="外部css檔案路徑" rel="stylesheet"(關聯層疊樣式表,固定值)

eg:標籤選擇器

/*外部css檔案的內容*/

a

記得要在head檔案中直接link

CSS 的使用方式

1 內聯式 樣式宣告 常用屬性和值屬性值 說明font size 數字設定文字大小,以px為單位 color 顏色英文單詞 設定文字顏色 background color 顏色英文單詞 設定背景顏色 style font size 24px color red background color gr...

CSS的幾種使用方式

樣式表有三種插入方式 一 外部樣式表 使用外部樣式表可以將同一樣式應用於多張網頁,通過這個方法你只需改動乙個檔案就能改變整個 的外觀。例 使用標籤讓每個頁面都連線到樣式表。標籤在head區域使用。注 檔案內容不應該包含任何的html標籤,字尾名應為.css。二 內嵌樣式表 內嵌樣式表應該在當有單獨文...

使用CSS 的3種方式

css cascade style sheet 層疊樣式表憑著著 豐富的樣式 簡單易用 重複使用 縮小檔案 等優勢成為了現代網頁必不可少的一樣技術。需要注意的是,目前我們將css定義為樣式表中的一種,未來可能有其他樣式表被開發出來。直白地說,css就是一系列樣式的集合,它用於定義文件元素的外觀表現形...