CSS樣式創建是網站設計中不可或缺的重要環節,通過設置不同的樣式,可以讓整個網站呈現出美觀、簡潔、易讀的布局效果。下面是CSS樣式創建的常用方式。
內嵌式樣式
<head> <style type="text/css"> h1 { color: red; font-size: 24px; } </style> </head> <body> <h1>這是標題</h1> </body>
將CSS樣式直接嵌入到HTML頁面中,此處的樣式只適用于當前頁面。
內部式樣式
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>這是標題</h1> </body>
將CSS樣式定義在一個獨立的CSS樣式文件中,再通過link標簽來引用,此樣式文件適用于當前頁面。
外部式樣式
<head> <link rel="stylesheet" type="text/css" href="common.css"> </head> <body> <div class="box"> <p>這是一個段落</p> </div> </body>
將CSS樣式定義在一個獨立的CSS樣式文件中,可以被多個頁面引用,使樣式得到統一的效果。
行間式樣式
<p style="color:blue;font-size:14px;">這是一個段落</p>
將CSS樣式直接寫在元素的style屬性中,僅適用于當前元素。
除了以上幾種方式外,根據具體應用場景,可以進行樣式組合、關鍵字使用、CSS框架引入等等方式,來滿足不同的需求。
上一篇ajax接口響應null
下一篇css把圖片位置居中