在过去的大概一个月的学习,基本掌握了HTML+CSS的用法和特性。 这个星期老师给我们布置了一个PC端的实战项目,并且要求在3-4天内完成,我不惜废寝忘食,在紧迫的时间内大致地完成了,但是有些效果不能像想象中的那样实现出来,毕竟时间有限,能力有限。经过了这次的实战之后,我对此有 ...
在过去的大概一个月的学习,基本掌握了HTML+CSS的用法和特性。
这个星期老师给我们布置了一个PC端的实战项目,并且要求在3-4天内完成,我不惜废寝忘食,在紧迫的时间内大致地完成了,但是有些效果不能像想象中的那样实现出来,毕竟时间有限,能力有限。经过了这次的实战之后,我对此有各方面的总结:
一、技术总结
1. 在开发之前必须要先把这个项目的所有设计图从头到尾看一遍,注意观察相同的部分,比如说每个页面的头部和底部都是相同的,那么就把他们提取出来,应用到每个页面当中,这样可以大大提高了开发的效率。
2.在开发过程中,肯定写了很多重复的css样式,拖慢了开发速度,这样可以根据个人的习惯和爱好给自己做一套css框架——base.css,作用是重置默认样式和提供通用样式。不过在团队开发中,当然最好就是每个成员都用同一套"base.css",这样更容易理解,以提高团队开发的效率。
以下是我个人初步用的一套base.css:
/* @ 重置默认样式*//* 去除默认内外边距 */* { margin: 0; padding: 0;}/* 去除默认边框 */img { border: none;}/* 根据要求设定默认字体 */body { font-family: "微软雅黑";}/* @ 提供通用样式*//* 设置左浮动 */.fl { float: left;}/* 设置右浮动 */.fr { float: right;}/* 清除浮动 */.clear { clear: both;}/* 去掉列表前的标识 */.li-none { list-style: none;}/* 去掉a链接下划线 */.a-none { text-decoration: none;}/* 设置行内块级元素 */.in-bl { display: inline-block;}
原标题:HTML+CSS 项目总结
关键词:HTML
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。