摘要： 一、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 二、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次。对 一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效， 是因为id的权重要比class大。 三、一个兼容性调整(IE和Mozilla)的笨办法： 初学可能会碰到这样一个情况：同样一个标签的属性在IE设置成A显示是正常的，而在 Mozilla里必须要设成B才能正常显示，或者两个倒过来。 临时解决方法：选择符{属性名:B !important;属性名:A} 或许有时候并没... 阅读全文

摘要： 所谓响应式布局（Responsive Design），就是让网页针对不同设备的浏览器“响应”出不同的显示效果，于是抽了点时间把博客做成了响应式布局，适应一下移动浏览器。响应式布局主要依赖于CSS3 的媒体查询特性，其原理就是根据浏览器宽度或高度，适配不同的 CSS，以达到改变页面布局的目的。例如，当浏览器宽度小于 640px 时，将一些不太必要的元素隐藏，在有限的屏幕上显示更多主要的内容。例如，如下 CSS 只在浏览器宽度小于或等于 640px（iPhone 的屏幕宽度） 的时候才会生效：@media screen and (max-width:640px) { /* 页面宽度设置为 1... 阅读全文