在靜態網頁制作中,使用通用的 CSS 樣式表能夠極大地提高開發效率和網頁的一致性。以下是幾個要注意的點:
/* 通用的 reset 樣式 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* 常用的布局樣式 */
.container {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
}
/* 按鈕樣式 */
.btn {
display: inline-block;
padding: 8px 16px;
background-color: #007bff;
color: #fff;
border-radius: 4px;
cursor: pointer;
}
/* 懸浮效果 */
.btn:hover {
background-color: #0069d9;
}
需要注意的是,通用的 CSS 樣式表應該只包含基礎樣式,如布局、顏色、字體等,不應該包含具體的樣式,如特定元素的樣式,否則會影響到其他頁面。同時,為了避免樣式沖突,可以給通用樣式表的類名添加前綴,比如 .reset、.layout、.button 等。
上一篇mysql 的in