CSS樣式要點筆記
阿新 • • 發佈:2017-11-20
over 註意 tab style -i ddl 應用 square center
一、背景色
background-color:#ccc;
background不能繼承,其默認值是transparent(透明的),即在某元素未設置background-color時其默認為透明背景,即這時候如其父元素背景設置了則可見。
二、文本
1、文本縮進:
p { text-indent: 2em; }
一般對於塊級元素都可以應用text-indent,而行內元素無法應用。縮進的單位一般通過em表示元素內容的單位。該屬性可以繼承。
2、水平對齊:
p{text-align:center;}
這裏需要註意的是text-align顧名思義僅是讓元素內部的文本/內容(text)對齊,而非讓該元素本身。
3、字間隔:
p {word-spacing: 2em;}
4、文本裝飾:
p { text-decoration:underline; }
該屬性值包括:none無裝飾、underline下劃線、overline上劃線、line-through刪除線、blink閃爍字。
三、字體
p { font-family:sans-serif; font-style:italic; font-weight:bold; font-size:18px; }
四、鏈接
a:link {color:#FF0000;} a:visited{color:#00FF00;} a:hover {color:#FF00FF;} a:active {color:#0000FF;}
“lvha”分別對應未被點擊訪問、已被點擊訪問、鼠標指針移動到鏈接上、正在被點擊四種狀態。設置的時候必須註意按照"lvha"的順序。
五、列表
1、修改列表項目的標誌類型:
ul { list-style-type: square;}
2、使用圖像作為列表項目標誌:
ul li {list-style-image: url(x.jpg);}
六、表格
table, th ,td { border:1px solid blue; } th { background-color:green; } th, td{ text-align:center; vertical-align:middle; }
CSS樣式要點筆記