简单前端知识——CSS03

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>