為乙個HTML文件應用CSS的方法

2021-05-08 21:45:47 字數 1407 閱讀 7951

為html文件應用css,有三種方法可供選擇。下面對這三種方法進行了概括。我們建議你對第三種方法(即外部樣式表)予以關注。

為html應用css的一種方法是使用html屬性style。我們在上例的基礎之上,通過行內樣式表將頁面背景設為紅色:

這個頁面是紅色的

為html應用css的另一種方法是採用html元素style。比如像這樣:

這個頁面是紅色的

我們推薦採用這種引用外部樣式表的方法。在本教程之後的例子中,我們將全部採用該方法。

外部樣式表就是乙個擴充套件名為css的文字檔案。跟其他檔案一樣,你可以把樣式表檔案放在web伺服器上或者本地硬碟上。

現在的問題是:如何在乙個html文件裡引用乙個外部樣式表檔案(style.css)呢?答案是:在html文件裡建立乙個指向外部樣式表檔案的鏈結(link)即可,就像下面這樣:

注意要在href屬性裡給出樣式表檔案的位址。

這行**必須被插入html**的頭部(header),即放在標籤之間。就像這樣:

...

這個鏈結告訴瀏覽器:在顯示該html檔案時,應使用給出的css檔案進行布局。

這種方法的優越之處在於:多個html文件可以同時引用乙個樣式表。換句話說,可以用乙個css檔案來控制多個html文件的布局。

這一方法可以令你省去許多任務作。例如,假設你要修改某**的所有網頁(比方說有100個網頁)的背景顏色,採用外部樣式表可以避免你手工一一修改這100個html文件的工作。採用外部樣式表,這樣的修改只需幾秒鐘即可搞定——修改外部樣式表檔案裡的**即可。

讓我們來實踐剛剛所學到的知識。

body

然後,把這兩個檔案放在同一目錄下。記得在儲存檔案時使用正確的副檔名(分別為「htm」和「css」)。

用瀏覽器開啟default.htm,你所看到的頁面應該具有紅色背景。

css筆記 HTML文件中應用css樣式的方法總結

標籤 class 使用si ithtml 在html文件中應用css樣式大致有三種方法 1.link標籤鏈結外部樣式表 2.使用style元素包含樣式表 3.使用style屬性,即內聯樣式 一.link標籤鏈結外部樣式表 先看一條較為標準的link標記語句 link標記必須放在head元素中,且不能...

為文件中包含的單詞生成乙個列表

建立自己的雜湊表,雜湊表中的節點包含指向單詞的指標 單詞出現的頻率以及指向表中的下乙個節點 define crt secure no warnings include include using namespace std 聖經中只有29131個單詞,採用傳統的方法,將大於29131的最小的質數作為...

取回乙個文件

可以從主分片或者從其它任意副本分片檢索文件 如下圖所示 取回單個文件 以下是從主分片或者副本分片檢索文件的步驟順序 1 客戶端向node 1傳送獲取請求。2 節點使用文件的 id來確定文件屬於分片0。分片0的副本分片存在於所有的三個節點上。在這種情況下,它將請求 到node 2。3 node 2將文...