CSS是一種可以用來控制HTML元素樣式和布局的語言。為了讓代碼更加模塊化和易于維護(hù),很多開發(fā)者都喜歡使用CSS框架來快速搭建網(wǎng)頁。下面是一個簡單的CSS框架代碼:
/* Reset CSS */ * { margin: 0; padding: 0; box-sizing: border-box; } /* Main container */ .container { max-width: 1200px; margin: 0 auto; padding: 20px; } /* Header */ .header { background-color: #333; color: white; padding: 10px; } /* Navigation bar */ .nav { display: flex; justify-content: space-between; align-items: center; } /* Navigation links */ .nav a { color: white; text-decoration: none; padding: 5px; } /* Main content */ .main { display: flex; flex-wrap: wrap; } /* Article */ .article { width: 50%; padding: 20px; } /* Footer */ .footer { background-color: #333; color: white; padding: 10px; text-align: center; }
上面的代碼包括了一些常用的CSS樣式,如重置CSS、容器、頭部、導(dǎo)航欄、主要內(nèi)容、文章和頁腳。這些CSS樣式可以被復(fù)用,從而使代碼更簡潔、易于理解和維護(hù)。
如果你要使用這個CSS框架,只需要把上面的代碼粘貼到你的CSS文件中即可。當(dāng)然,你也可以根據(jù)自己的需求對其進(jìn)行修改,比如改變顏色、字體等樣式。