好几天没更新博客了,刚实战完一个HTML+CSS的简单项目。经过几天的摸索,发现收益良多。之前只是单纯得写demo,看知识点,没有亲自实战项目。但实战过后才会了解,如何才能更好地提升自己的技术。针对这次项目开发,我总结了以下内容:
一、技术总结
1、公共样式的设定
在开始项目之前,我们可以先大体了解一下项目中每个页面的内容,比如字体样式,段落结构,文字大小等。我们可以针对这些内容来设定一个固定的样式文件。在开发中 就可以直接引入此文件,而无需再重复敲CSS代码。
CSS Code复制内容到剪贴板
/*基本样式*/
* {
margin:0;
padding:0;
}
body {
font-family:"微软雅黑";
}
.clear{/*清除两边浮动*/
clear:both;
}
.fl {/*清除左浮动*/
float:left;
}
.fr {/*清除右浮动*/
float:rightright;
}
a {/*去掉链接的默认下划线*/
text-decoration:none;
}
li {/*去掉列表默认样式*/
list-style:none;
}
需要用到时就直接在类名后加上所要用到的类名即可:
XML/HTML Code复制内容到剪贴板