CSS是網頁設計中的重要組成部分,通過定義樣式導入樣式表文件,可以使網頁擁有更加統一的外觀和布局。下面我們來看看CSS的定義樣式的方法:
1. 內部樣式表 在HTML頁面的head標簽中使用style標簽,通過寫入CSS代碼來定義網頁的樣式。 示例代碼: <style> p { color: red; font-size: 18px; font-weight: bold; } </style>
上面的代碼表示,當HTML頁面中的p標簽出現時,字體顏色變為紅色,字體大小為18px,字體加粗。
2. 外部樣式表 可以將CSS代碼編寫到一個獨立的外部樣式表文件中,再通過導入樣式表文件來應用樣式。 示例代碼: 在HTML頁面的head標簽中插入一行link標簽,href屬性指向外部CSS文件的URI。 <link rel="stylesheet" href="style.css">
文件名為style.css的CSS文件內可以添加各種樣式規則,如:
p { color: red; font-size: 18px; font-weight: bold; }
上述樣式表與內部樣式表中的樣式定義相同。
3. 內聯樣式 通過在HTML元素中使用style屬性,添加CSS樣式。 示例代碼: <p style="color: red; font-size: 18px; font-weight: bold;">This is a paragraph</p>
該段代碼表示p元素的字體顏色為紅色,字體大小為18px,字體加粗。
上一篇div 填充屬性
下一篇css定義行合并屬性