首頁 >web前端 >css教學 >css樣式的書寫格式詳解範例

css樣式的書寫格式詳解範例

高洛峰
高洛峰原創
2017-03-04 10:38:322139瀏覽

css的書寫格式一共有三種

#行內樣式:意思是在行內中寫樣式

例如說a023fa4598b8383aba62a0b5f3442a02用行內樣式寫我的顏色94b3e26ee717c64999d7867364b1b4a3

只適用於6c04bd5ca3fcae76e30b72ad730ca86d(字體顏色和背景顏色)和6c04bd5ca3fcae76e30b72ad730ca86d裡面的標籤,但不適用於6c04bd5ca3fcae76e30b72ad730ca86d以外的例如:head,title,之類的標籤

 

內嵌樣式:使用style,把所有樣式卸載style裡面。

例如說:

<head>

<style>

p{   

color:red;   

background:blue;   

border:1px solid green;   

}   

</style>

</head>

<body>

<p>用内嵌方式编写我的样式</p>

</body>

外接樣式:通俗點就是外部樣式,使用link樣式連接到外部的.css檔案。

例如說:

<head>

  <link style="stylesheet" href="class.css" type="text/css" />

</head>

沒錯就是辣麼簡單,只需要把css樣式寫到另一個.css文字上然後只需要link就可以在頁面中顯示出樣式,但一定要注意檔案路徑! ! !路徑不對也是不可以滴.

個人建議使用外聯樣式,做到了css與佈局代碼的分離,可以使代碼可編輯性更高  加載更快。

以上這篇引用css樣式的書寫格式詳解就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持PHP中文網。

更多css樣式的書寫格式詳解範例相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn