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

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

高洛峰
發布: 2017-03-04 10:38:32
原創
2117 人瀏覽過

css的書寫格式一共有三種

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

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

只適用於(字體顏色和背景顏色)和裡面的標籤,但不適用於以外的例如: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中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板