HTML+CSS项目总结

在过去的大概一个月的学习，基本掌握了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项目总结的详细内容...