Vanilla CSS是指使用原始的、非框架的方法來編寫CSS樣式的做法。在這種情況下,你只需使用CSS在你的網(wǎng)頁上創(chuàng)建樣式。
body { font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #333; margin: 0; padding: 0; } h1, h2, h3 { font-weight: bold; margin-top: 0; } .container { max-width: 960px; margin: 0 auto; padding: 0 20px; } .btn { display: inline-block; padding: 10px 20px; background-color: #333; color: #fff; text-decoration: none; border-radius: 4px; transition: background-color 0.3s ease-in-out; } .btn:hover { background-color: #666; }
這些CSS樣式可以幫助你創(chuàng)建一個簡單、干凈的網(wǎng)頁。雖然使用框架如Bootstrap等可以節(jié)省時間和勞動力,但使用原始CSS編寫你的樣式可以使你更加了解CSS的工作方式,并使得你更好地理解網(wǎng)頁設(shè)計的基本原理。同時,使用原始CSS將避免頁面載入時不必要的框架加載,從而提高網(wǎng)頁性能。
下一篇via定制css代碼