haorooms博客css专栏

今天分享一个小技巧，是中英文两端对齐，只是应对哪些变态的需求。一般情况下还是不推荐使用的，毕竟使用了几句js。 案例如下： 混合使用汉字和英文的段落默认如下： 两边是不对齐的(一般情况下，我们对这种情

最近比较忙，好久没有维护博客了，在这里表示歉意。 最近主要在做touchweb的项目，那么我就记录一下我在做这个项目中的问题吧，当然，今天主要是从css开始。后面博客会陆续记录其他的问题，例如图片延迟

明天就要放假了，今天可能是春节前的最后一篇博客。首先谢谢2014年大家对我博客的关注，祝大家羊年万事如意！关于2014年总结，我就不公开了，总之，2014年学到了很多，感谢兴安得力给我自由的学习平台！

说到css的单位，大家应该首先想到的是px,也就是像素，我们在网页布局中一般都是用px，但是近年来自适应网页布局越来越多，em和百分比也经常用到了。然后随着手机的流行，web app和hybrid a

从事前端工作三年来，对于div和css的用法，自己认为还是比较熟练的。但是对于一些概念性的东西，知之甚少，比如，今天看到有个BFC的概念，不知道CSS的BFC是啥意思。经过查阅资料，才知道这个概念。其

作为网页前端，经常会遇到垂直居中的问题，对于这个，我前面写过一篇文章，是关于div垂直居中的，不过这个垂直居中是div相对于整个网页而言的。在这篇文章中，我分析了固定高宽的div和不固定高度的div在

最近在做一个网盘的项目，用到了鼠标移上去效果，这个效果可以用js来实现，今天主要分享一下，这个效果如何用纯css实现！ 效果如下图： 上面代码我直接从项目中复制，可能有很多多余的css,大家只是看下大

我们都知道，固定高宽的div在网页中垂直居中很简单，相信大家也很容易的写出来，但是不是固定高宽的div如何垂直居中呢？我们在网页布局，特别是手机等web端网页经常是不固定高宽的div，那么这些div如

一直想总结一下css的权重，但是一直没有时间。今天是双十一，更是忙着搞别的东西~~~哈哈哈，在这里，祝大家光棍节快乐吧！今天主要说一说CSS权重！ 大家经常在网页中看到类似 li#first 这样的选

CSS3的nth-child() 选择器，我之前很少用，在做表格偶数行变色的时候，我通常在绑定的时候，做一个js判断，来加一个css，从而使表格偶数行和奇数行颜色不一样。这样的兼容性很好。但是最近在做

以前做网页布局的时候，一个div只能设置一张背景图片，设置多个背景的话，要用多个div嵌套才能实现，这样兼容性比较好。若您的网站要求兼容浏览器低版本，建议用这种方法。css3的出现，解决了一个div只

在之前的一篇文章中，我已经介绍了input file上传按钮的美化，地址：http://www.haorooms.com/post/css_input_uploadmh ,今天，我们来讲一下check

备注：此博客写作时间是2014年8月29日。看看十年前我的文章，倍多感慨！ haorooms博客将迁移至掘金，haorooms博客后面可能不再维护！ 由于明天公司组织出去游玩，今天把这两天的博客都写了

说到IE6，很多前端都很头大，我刚刚开始做网页的时候，也为之痛苦不堪。其中，我也总结了一下IE6中常见的问题，想margin了，padding了，ul li中点的显示问题了,弹出层被select选择框

说到浏览器兼容问题，所有前端开发人员肯定都遇到过，这个问题需要面对，也必须得面对。 记得2011年年底，刚刚来兴安得力实习的时候，做的第一个页面是一个信息港的页面，布局完这个页面之后。领导第一次让我考

浅蓝色美化效果推荐： 很多网站洪，选中文字，不是默认的蓝色了，改成了别的颜色，修改方法如下： 将上面代码放到你的css中就可以了。

css有不少常用的效果，你在平时浏览网站的时候可能会看到，但是真的要自己写的时候，有时候会突然忘记，今天稍微对那些常见的效果做一下小结。 代码如下： 有一些网站FLASH动画的颜色不能被CSS滤镜控制

大屏幕手机和ipad等移动设备的流行，使你的网页兼容移动设备已成为一种流行！移动设备的屏幕大小是五花八门，各式各样！要想很好的兼容移动设备，Css3的media技术是功不可没。 我的博客，应用了CSS

本文暂时列举了 13 条技巧，1、resize 实现图片对比 2、:not() 的应用技巧 3、任意元素垂直居中 4、表格单元格等宽 5、使用 Flexbox 摆脱各种 Margin Hacks 6、给空连接使用属性选择符 7、初始化 box-sizing 8、在 nth-child 中使用负数 9、文本显示优化（待商榷）10、border 的应用技巧！11、vertical-align 属性 12、margin 重叠解决方案列举 13、父元素 font-size:0 的作用 等！