CSS文件是用于定義網頁樣式的文件。在編寫CSS文件時,我們需要遵循一定的格式要求,以確保代碼的可讀性和可維護性。
下面是一個典型的CSS文件寫法:
/* 注釋:這是一個CSS文件 */ /* 定義全局樣式 */ body { font-family: Arial, sans-serif; line-height: 1.5; color: #333; background-color: #fff; } /* 定義標題樣式 */ h1, h2, h3 { font-weight: bold; color: #666; } /* 定義鏈接樣式 */ a { color: #00f; text-decoration: none; } a:hover { text-decoration: underline; }
上面的代碼中,我們首先使用注釋來描述這是一個CSS文件,然后通過選擇器來定義全局樣式、標題樣式和鏈接樣式等。注意到每個樣式定義都采用了大括號包裹,其中包含了屬性名和屬性值的鍵值對。
使用CSS文件時,我們需要將其引用到HTML文件中,使用<link>標簽即可:
<head> <title>My Website</title> <link rel="stylesheet" href="style.css"> </head>
上面的代碼中,我們在HTML文件的<head>標簽中引用了名為style.css的CSS文件,使得網頁可以應用其中定義的樣式。
上一篇css文件的命名