層疊樣式表或簡稱CSS用于自定義HTML的樣式和布局。自1996年以來，它們已成為所有網站的一個組成部分，并成為使您的網頁美觀的必要。CSS被設計成與HTML一起使用，所以有很多方法可以在頁面中使用它。下面我列出了在HTML中使用CSS的6種常見方法。

1、鏈接的標簽

鏈接標簽是將整個CSS文件包含到html' target='_blank'>HTML頁面中最常見的方式。這是使用外部樣式表調用的。標簽不需要關閉標簽。這個標簽應該放在頁面的標簽中。

<link href=”filename.css” rel=”stylesheet”

在上面的標簽簡單地改變文件名。css到您的css文件的名稱。

2、樣式標簽

將CSS包含到HTML中的第二種方法是樣式標簽，它確實需要一個結束標簽。這被稱為內部樣式。樣式標記允許您在它們之間鍵入CSS。這些可以放在你的頁面的任何地方，但最好的做法是把它們放在你的內容或標題標簽上面。

<style

body{

width: 100%;

}

h1 {

color: #FFF;

}

</style

3、內聯樣式參數

您可以在大多數HTML標記中包含樣式參數。這允許您對類似于id的單個標記進行樣式化。

<span style=”font-size: 15px; color: #FFF;”Hello World</style

<h1 style=”font-family: Arial;”Hello World</h1

4、通過Javascript修改元素

使用javascript，您可以更改元素樣式并根據需要調整它們。通常情況下，您需要一些用戶交互或進行更改，然后更改頁面上的元素。一個常用的用法是“顯示更多”按鈕，用于描述為用戶打開更多的文本。這允許您對類似于id的單個標記進行樣式化。

<div id=”show_more” style=”display: none;

Additional text!

</div

<script

document.getElementById(‘show_more’).style.display = ‘block’;

</script

5、內部和外部風格的結合

您可以將內部樣式和外部樣式結合使用。這允許您包含一個站點范圍的樣式表，還可以為特定的頁面或元素使用一些定制的樣式。要做到這一點，您可以在標題中使用鏈接標記，并在整個頁面中使用樣式標記。

6、結合內部、外部和內聯

結合這三種CSS樣式化實踐是一種簡單的方法，可以精確地定制您想要的頁面。您可以有一個站點范圍的樣式表、特定于頁面的樣式以及一些特定于元素的樣式調整，以使頁面完全符合您的需要。

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。