本文分享了一次HTML网页制作的经历，总结了使用图片处理圆角等技巧、利用div替代ulli标签、class指定多个样式、相对定位实现下拉菜单、解决div高度问题、应用clear:both属性、实现元素水平及垂直居中等经验。
刚写了一个还有bug的html网页，
总结一下，
1 如果技术还稍微差点，可以用图片的方式处理一些小问题。
比如圆角问题，
2 ul li这些标签用的不好，不熟练的情况下，用div代替，
3 class原来可以指定多个。这样的话，统一样式就可以写一个，然后再写单独样式。
4 相对定位挺管用，不过有个问题没解决，一旦用一个相对定位做下拉菜单，那么会影响后面的
元素位置，灵感刚来，那就把这个元素先占位，背景透明，这样后面的元素就不受影响了。
5 jquery挺好用。
6 div高度被撑开问题，现在还没有彻底解决。
7 clear:both得学会。
8 *{margin:0;padding:0;}
9 水平居中，只要设置父元素text-align:center;子元素margin:0 auto;
10 垂直居中设计思路图片相对定位，高度为总高度除以2，加上自身高度除以2；
总结一下，
1 如果技术还稍微差点，可以用图片的方式处理一些小问题。
比如圆角问题，
2 ul li这些标签用的不好，不熟练的情况下，用div代替，
3 class原来可以指定多个。这样的话，统一样式就可以写一个，然后再写单独样式。
4 相对定位挺管用，不过有个问题没解决，一旦用一个相对定位做下拉菜单，那么会影响后面的
元素位置，灵感刚来，那就把这个元素先占位，背景透明，这样后面的元素就不受影响了。
5 jquery挺好用。
6 div高度被撑开问题，现在还没有彻底解决。
7 clear:both得学会。
8 *{margin:0;padding:0;}
9 水平居中，只要设置父元素text-align:center;子元素margin:0 auto;
10 垂直居中设计思路图片相对定位，高度为总高度除以2，加上自身高度除以2；
扫一扫
2294
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
