對于一個網頁設計師來說,掌握CSS是非常重要的。下面我們就來介紹一些常用的CSS技巧。
首先是如何設置文字的樣式,例如字體、字號和顏色等。我們可以使用以下代碼:
p { font-family: Arial, sans-serif; font-size: 16px; color: #333; }
其次是如何對頁面進行布局。我們可以使用以下代碼:
.container { width: 960px; margin: 0 auto; } .header { height: 80px; background-color: #f0f0f0; } .nav { float: left; width: 200px; background-color: #ccc; } .content { float: left; width: 760px; background-color: #fff; } .footer { clear: both; height: 60px; background-color: #f0f0f0; }
還有一個常用的CSS技巧是如何創建響應式布局。我們可以使用以下代碼:
@media screen and (max-width: 768px) { .container { width: 100%; } .nav { float: none; width: 100%; height: 60px; background-color: #ccc; } .content { float: none; width: 100%; background-color: #fff; } }
以上是一些常用的CSS技巧,希望對大家有所幫助。