CSS是樣式層疊表,有三種引入方式。下面,我們來看看HTML樣式CSS的三種寫法吧。
操作方法
行內樣式
CSS可以直接放到行內樣式中引入即可,比如代碼如下圖:
<p style="color: blue; background: red;">
hello world!
</p>
![HTML樣式CSS的三種寫法 HTML樣式CSS的三種寫法](https://i1.csbkg.com/cbe45ee01d1ee0/c1e650fd10/9abb00a24445/98b803a84546b08e1739761c7f78.jpg)
嵌入式
還可以採用潛入方式引入CSS,就是把CSS寫到<style>標籤中,這種方式比較實用,如下圖所示:
<style type="text/css">
h1 {color: red;}
</style>
<h1>hello world</h1>
![HTML樣式CSS的三種寫法 第2張 HTML樣式CSS的三種寫法 第2張](https://i2.csbkg.com/cbe45ee01d1ee0/c1e650fd10/9abb00a24445/98b803a84546b0811739761c7e70.jpg)
外部樣式表
還有一種叫做外部樣式,也就是把CSS寫在另外一張頁面上,然後再引用到指定頁面就可以了,這種也很常見。
@import url();
![HTML樣式CSS的三種寫法 第3張 HTML樣式CSS的三種寫法 第3張](https://i3.csbkg.com/cbe45ee01d1ee0/c1e650fd10/9abb00a24445/98b803a84546b0811739761c7e75.jpg)