在網頁布局中會經常用到一些css屬性,比如:CSS背景、CSS文本、CSS字體、CSS列表、CSS表格、CSS邊框等常用屬性
CSS背景:
background:#00ffee; //設置背景顏色
background-image:url(*.jpg); //設置背景圖片
background-repeat:repeat-x; //設置背景圖片重復
background-attachment:fixed; //設置背景不隨文字滾動
CSS文本:
text-indent: 5em; //設置文本縮進
text-transform:uppercase/lowercase/capitalize; //設置文本轉換大小寫
text-decoration:none/underline/overline/line-through/blink; //設置文本裝飾
white-space:normal/pre; //處理空白符
color:#eeffee; //設置文本顏色
line-height:30px; //設置行高
CSS字體:
font-family: Georgia; //指定字體系列
font-style: normal/italic/oblique //指定文本正常/斜體/傾斜顯示
font-weight: normal/bold/900; //指定文本的粗細
font-size: 16px/em; //指定文本的大小
font-variant: small-caps; //指定小型大寫字母
CSS列表:
list-style-type:/decimal --有序列表
/decimal-leading-zero
/lower-roman
/upper-roman
/lower-alpha
/upper-alpha
/disc --無序列表
/circle
/squre
/decimal
CSS表格:
border-collapse: collapse; //設定表格塌陷
border: 1px solid black; //設定表格邊緣
width: 100%; //設定表格寬度
height: 50px; //設定表格高度
text-align:right; //設定表格中文本的對齊方式
vertical-align:bottom //設定表格垂直對齊方式
padding:15px; //設定表格內邊距
color:white; //設定表格中字體顏色
background-color:green; //設定表格背景顏色
CSS邊框:
outline: #00ff00 dotted thick; //設定輪廓顏色/樣式/寬度
border: blue solid thin; //設定輪廓