CSS是網頁設計中非常重要的一部分,可以通過CSS來為網頁添加樣式和布局。在網頁制作過程中,我們需要將CSS加入HTML頁面中來實現樣式的設置。下面介紹幾種方法:
一、內嵌式CSS。
<!DOCTYPE html> <html> <head> <title>內嵌式CSS</title> <style> /* 內嵌式CSS代碼 */ h1 { color: red; } </style> </head> <body> <h1>這是一段文字</h1> </body> </html>
二、內部式CSS。
<!DOCTYPE html> <html> <head> <title>內部式CSS</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>這是一段文字</h1> </body> </html>
三、外部式CSS。
<link rel="stylesheet" type="text/css" href="style.css">
以上三種方法我們常常使用,需要注意的是:
1、內嵌式CSS、內部式CSS、外部式CSS之間的優先級是不同的,內嵌式優先級最高,其次是內部式,再次是外部式。
2、使用內部式CSS需要在<head>標簽中添加<link>或<style>標簽,不要在body標簽中添加CSS,會影響瀏覽器加載速度。
3、使用外部式CSS需要確保CSS文件路徑正確,否則無法加載樣式。
上一篇css如何固定按鈕不動
下一篇css如何取消定位屬性