2019-07-24来黑马程序员的第十三天（休息）

终于到了晚上写文章的时间了，总的来说今天还是很充实的，因为把老师布置给我们的任务给完成了，虽然完成的时间有点长，但是总算搞出来了啊，内心还是有点小窃喜的，同时完成一个页面的布局也是有流程化的，总结如下：

---

一、HTML部分

（1）将页面的骨架划分明确

（2）骨架部分写相应的注释

（3）思考哪种方式布局简单，尽量避免过多的嵌套

（4）注意css文件的引入

二、CSS部分

（1）明确划分这部分样式是控制页面哪个部分的

（2）去除页面标签的样式如：

/*将页面的格式清除*/

* {

    padding: 0;

    margin: 0;

    /*自动内减*/

    box-sizing: border-box;

}

/*清除列表样式*/

ul,li {

    list-style-type: none;

}

/*input默认的边框是2px 我们给他设置1px*/

input {

    border: 1px solid #ccc;

}

/*去除a标签的下划线*/

a {

    text-decoration: none;

    color: black;

    font-size: 18px;

    font-weight: bold;

}

a:hover {

    color: orange;

}

/*清除浮动*/

.clearfix::after {

    content: '';

    display: block;

    clear: both;

    height:0;

    visibility: hidden;

}

.clearfix {

    *zoom: 1;

}

/*设置版心公共类*/

.w {

    width: 980px;

    margin: 0 auto;

}

3、思考css代码能不能复用

---

嗯，今天总结就是这么多了，我希望以后的每一天都总结一天的收获，一步一步来，慢慢见证自己的成长，fighting！！！