div+css+第一个网页总结(hover,div,background-image)

最近在进行前端培训，并且自己也有想从事前端的工作，就尝试做了一个网页，最近两天的工作进行一个知识总结。

仿写了一个HTC官网的网页，自己写的实在是太菜了就不拿出来献丑了，总结一些问题吧。

对于我来说，总体识别整个界面的布局这个问题不大，但是具体细节的处理，各个div之间的间距，数据的大小是一个非常麻烦的问题，由于自己才是基础，对于前端其他更加高级的布局方式和页面缩小放大的处理还不懂，所以只能全部写成死数据，就成了固定布局，这样也还好，至少页面变化时，浮动不会出错。

无论是写前端代码还是其他类型的代码，逻辑清晰是最重要的，时刻写好必要的注释，因为前端的代码真的非常多，而且很难找。

仿写的网页就很直接的采用div+css ,里面简单的动画样式就直接用css里面的样式。动画效果主要就涉及到了"hover",hover就主要是用来当鼠标浮动在上面时，可以给相应的元素设置自己的样式。也可以为该标签下面的子元素设置样式，例如这样

 这.phone_product13块下面的.button元素的样式也可以修改，还有其他更多的用法。详见百度。。以后再进行更多关于这方面的总结。

网页肯定会涉及很多的图片，关于background-image的处理，他的位置，大小，处理，主要的参数涉及background-postion , background-repeat , background-size .

不过我好想忘了最重要的一点，盒子模型。盒子模型主要有width ， height ，margin， padding ， border。width , height,实际上是盒子里面内容的宽度和高度，border ， padding，margin，就不用解释了。。当border ， padding，margin改变时，改变的是元素框的大小，而内容设置的长和宽并不会改变。。。盒子模型应用十分广泛

还涉及了一些动画效果，涉及到transition 和 transform .。。。。。这样个东西我用的还不是太熟，还要去百度一下。。transition 可以设置完成变化时间，从什么时候开始变化，速度曲线等，但是使用还不是很灵活。。transform 可以设置变换方式。。。

所涉及的知识差不多就这些吧。。。更多的就感觉还不是那么难去记忆，使用肯定也是没有问题的。。

学习前端，我也不想把自己搞得很痛苦，希望能在学习中收获快乐，爱上前端这条路。。。。

我是一个菜鸟，欢迎各位大神指教。。。。。