CSS的三種使用方式

2021-04-21 07:48:20 字數 802 閱讀 3737

一、行間樣式表

行間樣式表是指將css樣式編碼寫在html標籤中,格式如下

行間樣式表由html元素的html元素的style支援,只需將css**用分號隔開寫在style=""之中。這是最基本的形式,但是它沒有實現表現與內容分離且不能靈活的控制多個頁面所以我們只是在除錯css**的時候使用。

二、內部樣式表

內部樣式表與行間樣式表相似都是把css**寫在html頁面中,稍微不同的是前者可以將樣式表放在乙個固定的位置,格式如下

內部樣式表編碼是初級的應用形式,不能達到跨頁面使用所以不適合使用。

三、外部樣式表

外部樣式表是css應用中最好的一中形式,它將css樣式**單獨放在乙個外部檔案中,再由網頁進行呼叫。多個網頁可以呼叫乙個樣式檔案表,這樣能夠實現**的最大限度的重用及**檔案的最優化配置,格式如下

在style.css中的**為

h1我們在中使用了標籤來呼叫外部樣式表檔案。將link指定為stylesheet方式,並使用了href="style.css"指明樣式表檔案的路徑便可將該頁面應用到在style.css中定義的樣式。

***********************************=

後面的 type="text/css 是注釋一下,以下內容是一段css**,是標準寫法

當然也可以不用注釋,一般沒有區別

還有另一種寫法

這種寫法是告訴那些比較老的瀏覽器,不要讀取它

不支援css的那種,因為時面的css**它不認識,會當成文字給讀取出來

而加上

之後,舊版本的老瀏覽器不會把它當成文字顯示在頁面裡面

CSS三 CSS的三種引入方式

css的引入方式共有三種 行內樣式 內部樣式表 外部樣式表。一 行內樣式 使用style屬性引入css樣式。示例 直接在html標籤中設定的樣式 實際在寫頁面時不提倡使用,在測試的時候可以使用。例如 我是p標籤 二 內部樣式表 在style標籤中書寫css style標籤寫在head標籤中。示例 例...

CSS三 CSS的三種引入方式

css的引入方式共有三種 行內樣式 內部樣式表 外部樣式表。一 行內樣式 使用style屬性引入css樣式。示例 直接在html標籤中設定的樣式 實際在寫頁面時不提倡使用,在測試的時候可以使用。例如 我是p標籤 二 內部樣式表 在style標籤中書寫css style標籤寫在head標籤中。示例 例...

CSS三 CSS的三種引入方式

css的引入方式共有三種 行內樣式 內部樣式表 外部樣式表。一 行內樣式 使用style屬性引入css樣式。示例 直接在html標籤中設定的樣式 實際在寫頁面時不提倡使用,在測試的時候可以使用。例如 我是p標籤 二 內部樣式表 在style標籤中書寫css style標籤寫在head標籤中。示例 例...