HTML项目总结

一些存在的可以改进的地方：

达到一个效果不必要墨守成规，比如：

这个效果，我的实现方式是：

一个大div里面，先放一个图片，左浮动，然后放一个首页div，相对定位放到背景图片的白色区域的适当位置，右边导航栏的做法我的是使用无序列表，然后全部li左浮动，将列表调margin属性到适当位置，中间的三个|我将它认定是li的边框右。然后就需要设置最后一个li没有右边框。

同学的做法是：

一个大div里面的是一个无序列表，无序列表的子元素分别是开心网图片、首页、右侧的导航栏。当然导航栏也使用的是无序列表，就是一个嵌套的过程。导航栏中的li选项有8个，3个是|，|就不使用a链接包裹，然后调位置搞定。

我的感觉：  不能有思维定势，比如导航栏的白色不一定是li的某个边框，布局方式也不能被局限住，使用属于你的布局方式，越简单越好。

 

调控件的位置，就是表示的时候居中显示，不止是可以通过调整该控件的margin属性通过与父容器的距离定位，也可以通过调整控件的填充来达到控件内容的居中。当然，对padding的调整如果没有首先固定容器宽高可能会改变容器。

在页面中的布局尽量简明扼要，先简后繁，先抽象后具体。一些id或者name的命名应该做到见明知意，对于一些页面的内容最好使用后代选择器，一个区域一个区域调整样式，不对其他地方造成影响

如果受到莫名的影响，找不出所写代码的问题的话，不妨考虑下前面代码是否造成了冲突。可以使用浏览器的开发者工具查找对应的控件然后针对修改。可以使用clear属性清除上面的div或者其他的位置影响

写代码要仔细，比如我之前一个li里面的width设置成了190没有写px，前面没有问题，后面不知道受了什么影响，浏览器无法辨别190的意义width属性就失效了。

处理问题选择最简单的方式:结果是给别人看的，过程自己享受，先达到效果，再考虑拓展或者其他。花最少的时间完成最多的工作才是现在需要的做法。

对于父容器的宽高，不建议在父容器中加入<div style="clear:both;"></div>让它的父容器自动填充高度，因为这可能影响到其他浮动元素。可以先确定大概高度后面针对内容修改或者后面再修改。

有些首行缩进如果操作对象不是太多的话可以考虑使用空格实现

命名最好使用字母、数字、下划线的组合，一些特殊字符可能无法识别。

当调整容器的宽度与父容器一致可以使用百分比试试。

图片与文字的对齐可以使用vertical-align也可以使用图片浮动来实现。