CSS是層疊樣式表的縮寫,它是web網站設計的重要組成部分。CSS定義了如何顯示HTML元素的樣式,包括字體、顏色、布局、大小等等,為網站設計師提供了更多樣式的選擇以及更高的定制性。
在CSS引入時,有三種基本的引入模式可供選擇,分別是行內樣式、內部樣式和外部樣式。
1. 行內樣式
<p style="color:red; font-size:18px;"> 這是一個使用了行內樣式的段落 </p>
行內樣式是指在HTML元素內部使用style屬性來定義CSS樣式,可以針對特定元素進行樣式設定。但是,這種方式會使得HTML代碼的可讀性變差,并且很難進行樣式復用。因此,行內樣式一般不被推薦使用。
2. 內部樣式
<head> <style> p {color:blue; font-size:16px;} </style> </head> <body> <p> 這是一個使用了內部樣式的段落 </p> </body>
內部樣式是指在HTML文檔中,在head標簽內使用style元素來定義CSS樣式,可以針對一類或者多類元素進行樣式設定。這種方式比行內樣式更為合理,可讀性好,可以同時對多個元素進行樣式設置。但是,它仍然不夠靈活,無法進行樣式共享。
3. 外部樣式
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> <body> <p> 這是一個使用了外部樣式的段落 </p> </body>
外部樣式是指將CSS代碼放在單獨的CSS文件中,并使用link元素將CSS文件引入到HTML文檔中。這種方式為CSS代碼提供了最佳的靈活性和可維護性,CSS可以共享全站使用,同時也方便修改和更新。因此,外部樣式是開發流程中最常用的方式。