终于到了晚上写文章的时间了,总的来说今天还是很充实的,因为把老师布置给我们的任务给完成了,虽然完成的时间有点长,但是总算搞出来了啊,内心还是有点小窃喜的,同时完成一个页面的布局也是有流程化的,总结如下:
一、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!!!
网友评论