CSS是一種用于定義網頁樣式的語言,它可以應用于HTML標記,裝飾網頁內容的外觀、排版和布局。下面我們來具體介紹常見的CSS樣式。
1、字體樣式
body{ font-family: "Microsoft YaHei",sans-serif; font-size: 14px; font-weight: normal; color: #333; }
上述代碼表示設置整個網頁默認字體為微軟雅黑,大小為14px,字重為普通,顏色為深灰色。
2、背景樣式
body{ background-color: #f2f2f2; background-image: url("bgimage.jpg"); background-repeat: no-repeat; background-position: center top; }
上述代碼表示設置網頁背景顏色為淺灰色,同時將一張名為bgimage.jpg的圖片設置為背景圖,并且不重復,居中位置。
3、盒模型樣式
.box{ width: 200px; height: 150px; padding: 20px; border: 1px solid #ccc; margin: 10px; }
上述代碼表示設置一個類名為.box的盒子,寬度為200px,高度為150px,內邊距為20px,邊框厚度為1px,顏色為灰色,外邊距為10px。
4、文本樣式
h1{ font-size: 28px; font-weight: bold; color: #333; text-align: center; text-decoration: underline; }
上述代碼表示設置H1標簽的字體大小為28px,字重為粗體,顏色為深灰色,居中對齊,帶下劃線。
除了以上幾種樣式,CSS還有很多其他的設置,如定位、浮動、動畫等。通過CSS,我們可以靈活的控制網頁的樣式,在視覺上更好的展現內容,提高用戶體驗。