10-CSS综合练习

梅兰商贸（总站练习）

1 设计师设计出来的图片
准备元素
2 确定网站的结构
meiBuy：将来凡是和这个网站相关的文件都放在一个meiBuy文件夹中。
css:所有的CSS文件都放在CSS文件夹中
js：所有的js文件都放在js文件夹中
index：网站的首页index.html
3决定页面的开发方式
1 从上到下依次编写：符合认知
2 从模块化的角度编写：符合有经验的开发者

css初始化

1.0清除标签的margin和padding:

html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img{
                margin:0;
                padding:0;
}

2.0清除img的边框

    img { border: 0};

3.0清除li标签之前的小点

ul,ol,li{list-style: none;}

4.0给页面设置一个统一的字体大小和颜色，还要设置body的背景颜色。

body {font-size: 12px;color: #434343;font-family: "宋体";background-color: “#ffffff”}

5.0清除浮动

    .clearfix:after {content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both;
}
.clearfix {zoom: 1;}

6.0a标签设置字体颜色，去掉下划线，以及a:hover

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

7.0设置浮动：

.fl {float: left;}
.fr {float: right;}

开始进行开发

*通栏：默认占浏览器的一整行**
版心：页面中用来存放内容的固定宽度***
自己写的时候低级错误一大堆。反正页面检查的作用很重要！！！做了一天太难了！！