float、margin:auto、子选择器、focus、bef

float
CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。
Float（浮动），往往是用于图像，在布局时非常有用。
用float使原来上下排列的区块元素变成上下排列

img{
float:right;
}

清除浮动：

.text_line{clear:both;}

---

在width不等于100%的时候可以用margin:100%来使原件居中对齐

---

** 子选择器**

div>p{background-color:yellow;}

---

focus

input:focus{
background-color: purple;
}

---

before

p:before{
content: url('tt.png');
}