布局

• 1定宽布局，内容部分宽度确定width：xx;margin:0 auto;
• 2.流式布局：宽度百分比或自动 width:80%;
• 3.响应式：根据屏幕宽度显示不同的布局@media
• 4.定宽和流式混合
• li:nth-child(odd){}表示选中li中的奇数列表 even表示偶数列表
• border-radius:50%;可以设置正圆形
• text-indent:文本的首行缩进
• background-position:20px 10px;表示距左边20px 距上边10px