html+css 百度首页练习

标签：html+css   idt   权威指南   布局   行内元素   center   css   百度首页   源码   

这几天看完了《css权威指南》，写了个百度页面，不带js的纯静态，主要目的就是掌握页面布局，字体颜色之类的没有深究。

写完了觉得很简单，毕竟一开始觉得只要模仿的像就行，但是缩小了浏览器窗口以后问题就出来了。比如搜索框随浏览器的缩小移位什么的，然后就去看百度首页的源码，这才知道要做到固定位置，应该怎么布置盒模型的嵌套，怎么定位元素等等。仅仅把一个元素放到大概位置是不难的，但是页面元素多/不想让元素随浏览器缩放移位的话就要好好规划布局了。

总结：

1. text-align: center; width: 100%可让行内元素居中显示
2. 行高（line-height） = 元素高(height) 时可以让元素居中显示，行高一般不要大于元素高，否则布局容易乱。

html+css 百度首页练习

标签：html+css   idt   权威指南   布局   行内元素   center   css   百度首页   源码   

原文地址：http://www.cnblogs.com/mengqi-S/p/6884024.html