web前端開發基礎教程：行內樣式和瀏覽器默認樣式

如何編寫css樣式？

缺省樣式（瀏覽器樣式）

1.可以通過設置修改瀏覽器的樣式（瀏覽器中設置→高級設置：可以修改css默認的樣式）

2.所有的標簽都有默認的樣式：h1,h2,p,p,span,ul等，我們稱為瀏覽器樣式或者默認樣式

引入css樣式

行內樣式：通過在標簽中設置style屬性來達到實現控制標簽的樣式的效果

<h1 style="color: red;font-size: 12px;">上海壘越科技有限公司</h1>

其中color，font-size表示屬性名，red,12px表示屬性值。Style屬性中可以設置多條的css樣式。

內嵌（嵌入，內部）樣式：head標簽中，嵌套一個style標簽，在style標簽中可以書寫css的樣式內容

Style標簽中有一個屬性type屬性，默認值就是text/css，可以省略。例如demo:

<style>

p{

     color:green;/*設置前景色，也就是字體的顏色*/

     background-color:silver;/*設置背景色*/

}

</style>

外部樣式，外聯樣式（link）

通過link標簽引入css樣式文件

<link rel=”stylesheet”  href=”css/css.css”>

Type屬性：只有一個選項，”text/css”，指定當前為css文本文件

Rel:指定單錢html文件與css文件的關系是樣式表，href:指定外聯樣式表的路勁

導入樣式：@import，導入樣式會導致css文件不能并行下載，不推薦使用，且導入樣式的書寫必須在所有的css規則書寫之前

• 上一篇：web前端開發基礎教程：CSS定義與HTML結構之間的關系
• 下一篇：web前端開發基礎教程：CSS語法及簡單CSS屬性