css可以寫在html裡面,也可以寫在一個「.css」檔案中,並使用link標籤連結到HTML檔案中;css寫在html裡的方法:1、使用style屬性,在HTML標籤內寫css樣式;2、在head部分透過style標籤定義css樣式。
本教學操作環境:windows10系統、css3版,此方法適用於所有品牌電腦。
在html中加入css樣式有三種方法:內聯樣式、內部樣式表和外部樣式表;其中內聯樣式、內部樣式表都是寫在html裡面的。
內聯樣式
當特殊的樣式需要套用到個別元素時,就可以使用內聯樣式。使用內聯樣式的方法是在相關的標籤中使用style屬性。 style
屬性可以包含任何 CSS 屬性。以下實例顯示如何改變段落的顏色和左外邊距。
style 屬性規定元素的行內樣式(inline style)。
style 屬性將覆寫任何全域的樣式設定,例如在
語法:
<element style="style_definitions">
style_definitions:一個或多個由分號分隔的 CSS 屬性和值。 (例如: style="color:blue;text-align:center")
例:在HTML 文件中使用style 屬性
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> </head> <body> <h1 style="color:blue;text-align:center">这是一个标题</h1> <p style="color:green">这是一个段落。</p> </body> </html>
內部樣式表
當單一檔案需要特別樣式時,就可以使用內部樣式表。你可以在 head 部分透過