你的位置:首页 > 软件开发 > 网页设计 > HTML+CSS 项目总结

HTML+CSS 项目总结

发布时间:2016-08-24 13:00:07
在过去的大概一个月的学习,基本掌握了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 (#换成@)。