CSS简单用法

li{
list-style-type: none;/隐藏列表的小点/
}
/span {width:60px; text-align:center; display:block; float:left;}/

.title{
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: rgb(97, 11, 236);

/*显示内容不全用省略号替代*/
width:200px;
overflow: hidden;	
text-overflow:ellipsis;
white-space: nowrap;

}
.author{
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: rgb(228, 155, 21);
}

.responser{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: rgb(156, 163, 163);
}

.date{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: rgb(156, 163, 163);
}

.reply{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: rgb(7, 31, 31);
width:100px;
overflow: hidden;
text-overflow:ellipsis;/显示不全用省略号表示/
white-space: nowrap; /内容在一行显示/
word-break: keep-all;
}

/分区/
.box{
width:800px;
height:100px;
border-color: brown;
}

.right{
width:250px;
float:right;
}
.center{
width:400px;
float:left;
}
.left{
width:100px;
float:left;
}