首頁 > web前端 > css教學 > CSS教程之CSS的應用_基礎教程

CSS教程之CSS的應用_基礎教程

WBOY
發布: 2016-05-16 12:05:14
原創
1547 人瀏覽過

 

一、In-line 行內 

  行內樣式是在html標籤裡直接使用style屬性 

  

 
  設定段落文字紅色。 
  但要記住,最後的HTML應該是獨立出來,使用表現文檔,所以行內樣式應該在任何地方避免。 

二、Internal 內部 

  使用於整個頁面的植入內部樣式在head標籤裡面,style標籤包圍樣式。

  
html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1/DTD/xhtml1 -strict.dtd"> 
 

 
CSS ExamplephpcnltphpH  <br><br>        color: red;  <br>    }  <br><br>    a {  <br>        color: blue;  <br>    }  <br>  像行內樣式一樣,你應該保持HTML和CSS分離,所以我們只剩下救星。  <br><br>三、外  <br><br>  外部樣式使用在整個多元頁面網站。它是一個獨立的CSS文件,像下面一樣:  <br><br>   <br>p {  <br>    color: red;  <br>}  <br><br>a {  <br br>}  <br>  如果上面保存為“web.css”,HTML裡面的連結就像下面:  <br><br>   <br>html PUBLIC "-//W3C//DTD XDOCTYPE html PUBLIC "-//W3C//DTD XDOCTYPE html PUBLIC "-//W3C//DTD XHTHTML t/0 /EN"  <br>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  <br>  <br>phpltphpcnheadphpcn BR>    <link>  <br>...  <br>  後面教學裡會講到其他外聯樣式的方法,現在已經足夠了。  <br><br>  從這篇指導裡面,我們以後沿著上面的方法實驗代碼是個好主意,用文本編輯器新建文件,保存為"web.css"在html目錄。<br><br>   <br>html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  <br>"http://www.w3.org/TR/xhtml1/DTD/xhtml1/DTD/xhtml1 -strict.dtd">  <br>  <br>  <br>    <titlephpcngt type="text/css"></titlephpcngt>  <br>  <br>...  <br>  保存HTML文件,現在已經連結上CSS,不過現在CSS是空的,沒有內容不會改變HTML。當你開始學習CSS,就可以加入程式碼到CSS檔案裡,看HTML刷新後的結果。  <br>
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板