CSS浮动:浮动的元素会脱离正常的文档流,在正常的文档流中不占空间
float属性
left
right
流式布局
<div style = "float:left; width:200px;height:200px;background-color:red;"></div>
clear属性:清除浮动
both:两边都不允许浮动
left:左边不允许浮动
right:右边不允许浮动
<div style = "clear:both;"></div>
按照选择器搜索精度来编写;
行内样式>ID选择器>类选择器>元素选择器
后代选择器(所有的子孙标签都起作用)
h1 em{
color:red;
}
子类选择器(只有子标签才会作用)
h1 > em{
color:blue;
}
后代的话:儿子 孙子颜色都改变
子类的话:只有儿子改变
<h1>This is <em>儿子</em><strong><em>孙子</em></strong></h1>