模仿bug平台页面v1记录

1.代码初始化

body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

a {
    text-decoration: none;
}

a:hover {
    color: #f60;
    text-decoration: none;
}

2.块级元素居中
用margin:0 auto;

3.元素定位
使用margin，而不是padding，盒子模型中盒子的宽度不包括margin

4.页面中不应该有多余的div

5.给元素增加样式时，最好以不破坏元素的语义化为标准

6.如果两块内容不需要绑定在一起做样式控制，最好不放在一个div中

7.常见的菜单用ul+li浮动实现，分割线不是|，而是用样式实现

8.文字纵向居中用line-height

9.颜色取值
rgb代表红绿蓝，数值对应0-255,000000为黑色，ffffff为白色，颜色越接近黑色，取值越小，反之越大。

10.css引入
a.直接在元素中加入style属性
b.在<style>标签中写css内容
c.@import方式
<style type="text/css"> @import url("css文件路径"); </style>
d.<link>标签引入
<link type="text/css" rel="stylesheet" href="" />
推荐使用d，利于SEO，节约加载时间