在進行網頁排版時,我們需要使用 CSS(層疊樣式表)來控制網頁的樣式,例如字體、顏色、邊距、布局等等。下面介紹幾種常用的 CSS 屬性。
1. 盒模型屬性
box-sizing: content-box; /*默認值,盒子寬度只包含內容*/ box-sizing: border-box; /*盒子寬度包含內容、內邊距和邊框*/
2. 字體屬性
font-size: 16px; /*字體大小*/ font-family: Arial, Helvetica, sans-serif; /*字體類型*/ font-weight: bold; /*字體粗細*/ font-style: italic; /*字體樣式*/
3. 邊框屬性
border-width: 1px; /*邊框寬度*/ border-style: solid; /*邊框樣式*/ border-color: #000000; /*邊框顏色*/ border-radius: 5px; /*圓角半徑*/
4. 背景屬性
background-color: #ffffff; /*背景顏色*/ background-image: url("img/bg.jpg"); /*背景圖片*/ background-size: cover; /*背景圖片尺寸,cover表示圖片自適應寬度且保持比例*/ background-position: center top; /*背景圖片位置*/ background-repeat: no-repeat; /*背景圖片是否平鋪*/
以上僅是 CSS 屬性的一部分,根據不同需求還可以使用更多的屬性,例如文本屬性、定位屬性、動畫屬性等等。在進行網頁排版時,要靈活應用這些屬性,以達到良好的排版效果。
下一篇css入門課后練習題