使用CSS 的3種方式

2021-06-08 22:24:24 字數 1094 閱讀 9860

css(cascade style sheet),層疊樣式表憑著著「豐富的樣式、簡單易用、重複使用、縮小檔案」等優勢成為了現代網頁必不可少的一樣技術。需要注意的是,目前我們將css定義為樣式表中的一種,未來可能有其他樣式表被開發出來。直白地說,css就是一系列樣式的集合,它用於定義文件元素的外觀表現形式(如背景、顏色、字型、邊框),從而實現了文件結構(structure)和外觀(presentation)的分離,使得網頁的維護更加容易、更具可讀性,同時可以大大提高開發效率。

那麼,如何將樣式表用到文件中去呢,我個人總結了如下三種方式:

external style sheet

document style sheet

inline style sheet

下面分別對這三種方式進行詳細的介紹:

1.

external style sheet:

外部樣式表是將所有的樣式規則(style rules )集中到乙個檔案中,這個檔案的拓展名為 .css ,然後再將其匯入到html、jsp等文件中去。例如,我們有乙個名稱為style.css的樣式表檔案,現在我們通過這種方法匯入進入。匯入的方法又有2中,分別如下:

可以同時使用多個標籤匯入多個樣式表檔案。注意,當用到標籤的title屬性時,情況較為複雜。可             以參看《css權威指南》

這裡需要注意的是,@import必須放在

僅適用於當前頁面。但有些舊式瀏覽器無法識別標籤,此時樣式規則的**將顯示到頁面的最前端,為了避免這樣的情況,可以做如下處理:

@import url(style.css);

p  - ->

如此一來,能夠識別標籤的瀏覽器正常應用css規則,無法識別的當做注釋,也正常工作,問題解決。

3.inline style sheet:

第三種方式是將樣式規則放在標籤的style屬性中,適用於單個元素,一般情況不鼓勵用這種方式。具體用法如下:

content goes here

以上便是3中方式的簡單介紹,歡迎補充、糾正!

使用CSS 的3種方式

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

css3 css的3種引入方式

你好!這是你第一次使用css所需要了解的知識點。如果你想學習如何使用css,可以仔細閱讀這篇文章,了解一下css的基本語法知識。css的引入方式共有三種 行內樣式 內部樣式表 外部樣式表。使用style屬性引入css樣式。示例 直接在html標籤中設定的樣式 實際在寫頁面時不提倡使用,在測試的時候可...

CSS的三種使用方式

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