凌晨的专栏

1、使用html+css布局时应注意使用语义化标签，做到去掉css样式后其页面仍有良好的结构和可读性（1）尽可能少的使用无语义的div和span（2）能用p的地方就不要用div（3）不使用b、font、u等纯样式标签2、新建html文件时声明DTD以避免使用低版本的IE浏览器时触发怪异模式导致一些css失效3、组织css时可以使用base.css+common.css+page

1、浏览器在默认状态下会对margin设置初值，所以在没有对div设置margin的情况下，div会出现一定的间隔；2、margin-top会经常出现bug，所以推荐只在兄弟元素之间使用margin，而在父子元素之间使用padding；3、竖直方向上会出现margin值叠加情况，此时margin的取值方式是取上下两个元素之间较大的margin值；4、IE6在满足以下四个条件的情况下会触

如果想让一个div或一张图片相对于整个页面居中，用vertical-align:middle可以很简单地解决。就以一个404页面为例，看如何让一张图片相对于整个页面居中，如下图：这是一个404页面，里面就只有一张图片，点击图片可以回到首页，而且这个图片是相对于整个页面居中的，无论是水平还是垂直（PS：这可算是我做404页面最为习惯的一种懒人做法了，越简单越好，要想好看的话，

// body的margin值 firefox 20.0 ----------------------- body的margin为: margin:8px 8px 8px 8px; Internet Explorer 6.0 ----------- body的margin为: margin:15px 10px 15px 10px; Internet Explorer 7.0 -----

BFC（块格式化上下文）知识点整理

今天做完第二个算是有实际意义上的网站主页，下面总结做该项目过程中遇到的一些问题和解决方法以及一些以后要注意的问题。1、尽量不要使用标签名作为选择器，即使使用，也要在前面加上一个较小范围的限制，否则会内容一多可能就会影响后面该标签的内容。2、做一个项目时，把整体的布局规划好之后（尽量不要使用固定宽度的布局，尽量使用流式布局），再对每一section的内容用最见到的方式做到最精致。3、做一

最近花了三天的时间做了一个简单的响应式布局的项目，内容包含7个页面，每个页面需要兼容三个不同大小的视口，整体感觉良好，效率也还算可以，做该项目时遵循的一个原则是，不寻求最优的解决方案，满意+足够=满足是此时学习的准则。下面总结一下该项目：收获：1、由于该项目的很多背景图片颜色比较复杂，一开始只会利用简单的选区工具进行抠图，经过该项目后，学会了使用色彩范围来扣取背景图等做网页时所需的图片素材