當我們寫網頁的時候,經常需要用到 CSS 來美化頁面,這時候我們可以選擇將 CSS 放入 HTML 文件內部,也可以將 CSS 放入外部文件中并使用鏈接引入。下面我們來學習如何將 CSS 連入 HTML 內部。
在 HTML 文件中使用 CSS 的方法,就是使用<style>
標簽將 CSS 代碼嵌入其中。這樣做有以下的優點:
<head> <style type="text/css"> p { color: red; font-size: 18px; font-weight: bold; } </style> </head>
可以看到,我們將 CSS 代碼放在了<style>
標簽中,同時需要指定 type 的值為 "text/css",因為 CSS 是一種樣式表語言。我們給所有的 p 標簽設置了紅色字體,字體大小為 18px,并加粗了字體。
通過這種方法,我們可以將多個樣式規則集合在一個樣式表中,便于管理和維護,同時也運用了 CSS 的優點,使得 HTML 代碼更加簡潔易懂。
上一篇css適配火狐瀏覽器
下一篇css連續多個偽元素