CSS常用屬性

標籤：style   blog   io   color   ar   os   sp   div   on   

*{margin: 0px;padding:0px;}body{margin:0 auto;width:100%; font: 13px "宋體",Verdana,Arial,Helvetica,sans-serif;}a{text-decoration: none;//不顯示底線}a:link{color: #6ac3eb;}a:hover{color: red;}//滑鼠移至上方時效果a:visited {color: #6ac3eb}//滑鼠點擊時效果a:active {color: #6ac3eb}//滑鼠點擊之後效果/*<div class="main"><div class="image"><img src="default.jpg" /></div><div class="text">這個地方顯示文字，當文字的長度超出div寬度時，自動隱藏剩餘的文字並以省略符號代替顯示</div><div class="ullist"><ul><li><a >新聞列表</a></li><li><a >新聞列表</a></li></ul></div></div>*/.main{box-shadow: 0 0 3px #000;//div陰影製作效果background: url("bg.png") no-repeat scroll;//背景圖片cursor: pointer;//滑鼠指標變成手掌型}/*圖片垂直置中*/.image{height:150px;width:150px;display:table-cell;text-align:center;vertical-align:middle;position:relative;}.image img{max-width: 150px;border: 0px;vertical-align:middle;}.text{width: 140px;height:30px;white-space: nowrap;/* 強制在同一行內顯示所有文本，直到文本結束或者遭遇 br 對象。不換行 */overflow: hidden;/* 內容超出寬度時隱藏超出部分的內容 */text-overflow: ellipsis;//將被隱藏的那部分用省略符號代替。}.ullist ul{ list-style:none;}.ullist ul li{     cursor: pointer;    font-weight: normal;    line-height: 50px;//行高    text-align: left;//文本靠左對齊    text-indent: 10px;//    background-color: #f2f2f2;//背景顏色    border-bottom: 1px solid #e0e0e0;//邊框    border-right: 1px solid #e0e0e0;}

　　

CSS常用屬性