CSS的幾種使用方式

2021-06-16 00:28:47 字數 1114 閱讀 4035

樣式表有三種插入方式

一.外部樣式表

· 使用外部樣式表可以將同一樣式應用於多張網頁,通過這個方法你只需改動乙個檔案就能改變整個**的外觀。

例:

使用標籤讓每個頁面都連線到樣式表。標籤在head區域使用。

:檔案內容不應該包含任何的html標籤,字尾名應為.css。

二.內嵌樣式表

·內嵌樣式表應該在當有單獨文件有特殊樣式的時候使用。

例:

使用標籤在head區域內定義樣式。

:瀏覽器會忽略未知標籤,當老瀏覽器不支援標籤時,便會將裡面的**顯示到螢幕,用語句將**括起可以防止此問題。

三.行內樣式

·一般這類方法在個別元素需要改變樣式的時候使用。

例:

this is a paragraph

在相關的標籤上用style屬性來加入行內樣式。樣式屬性可以包含任何css屬性。鍊子中將展示怎樣給乙個段落加上左外補丁並將顏色改為sienna

四.多重樣式表

如果一些屬性被相同的選擇器設定成不同的樣式,值就會向更為具體的樣式所繼承(具體化)。

舉個例子,乙個外部樣式表有這樣的h3選擇器屬性:

h3 

同時有乙個內嵌樣式表有這樣的h3選擇器屬性:
h3 

如果頁面在有內嵌樣式表的同時又連線到外部樣式表的話h3的屬性將變為:
color: red; 

text-align: right;

font-size: 20pt

顏色是繼承了外部樣式表而文字對齊和文字大小被內嵌的樣式表所替換。

React 中使用CSS的幾種方式

不需要元件從外部引入css檔案,直接在元件中書寫。import react,from react const div1 class test extends component render 123 div background color red div export default test 注...

css的幾種引入方式!

1 inline 即行內樣式 this is inline style sheets 2 embedded internal 即內嵌式 內嵌式就是將css樣式寫在head tag中的style tag中。3 external 即鏈結式 將.css檔案引入到html檔案中,在head tag 中插入l...

引入css的幾種方式

a.外部樣式 說明 link標籤的rel屬性用於規定當前文件與被鏈結文件之間的關係 只有rel屬性的 stylesheet 值得到了所有瀏覽器的支援,指示被鏈結的文件是乙個樣式表。a2.匯入式 style type text css import url path css style 區別 鏈結式 ...