如何把做好的CSS文檔與HTML結合起來運用

時間 2021-01-29

標籤 css html ide htm 文檔 class 表單方法樣式欄目 CSS 简体版

原文原文鏈接

第一種方法：是把CSS文檔放到<head>文檔中：
　　<style type=「text/css」> …… </style>
　　其中<style>中的「type=‘text/css’」的意思是<style>中的代碼是定義樣式表單的。
　　第二種方法是：把CSS樣式表寫在HTML的行內，好比下面的代碼：
　　<p style=「font-size：14pt；color：blue」>藍色14號文字</p>
　　這是採用<Style=「」>的格式把樣式寫在html中的任意行內，這樣比較方便靈活。css

第三種方法是：把您編輯好的CSS文檔保存成「.CSS」文件，而後在<head>中定義。定義的格式是這樣的：
　　<head> <link rel=stylesheet href=「style.css」> …… </head>
　　咱們看到這裏應用了一個<Link>，「rel=stylesheet」指鏈接的元素是一個樣式表（stylesheet）文檔。通常這裏是不須要您改動的。
　　然後面的「href=‘style.css’」指的是須要鏈接的文件地址。您只需把編輯好的「.CSS」文件的詳細路徑名寫進去就能夠了。這種方法很是適宜同時定義多個文檔。它能使多個文檔同時使用相同的樣式，從而減小了大量的冗餘代碼。 html