CSS布局与DIV （1)

CSS布局：

1. 标准流
2. 浮动流（float:left/right)
3. 混合流

后代选择器：祖先元素 后代元素{}

div h1{
	text-align:center;
	font-size:12px;
}

集合选择器：元素a，元素b，元素c{}

h1,h2,div,p{
	font-size:15px；
	float:left;
}

属性选择器：

.search input[type="text"]{
    display: inline;
    width:120px;height:20px;
    }

溢出文本省略：

p{
            width:150px;
            height:30px;
            line-height: 30px;
            white-space: nowrap;/*禁止换行*/
            overflow: hidden;/*举出隐藏*/
            text-overflow:ellipsis;/*文本溢出  ellipsis用省略号代替  clip文本截断 */
				//单行省略效果
        }
        div{
            width:100px;
            height:60px;
            line-height: 20px;
            white-space: normal;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            // 多行效果，注意浏览器兼容性
}

新的属性：

border-radius:5px;    //圆角状态  如果值为50%，则为圆
clear:both;   //清除浮动
white-space: nowrap;/*禁止换行*/
overflow: hidden;/*举出隐藏*/
text-overflow: ellipsis;/*文本溢出  ellipsis用省略号代替  clip文本截断 */
cursor: pointer;/*鼠标悬停变成手状*/```