CSS即层叠样式表（Cascading StyleSheet）。 在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 ……

网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex布局将成……

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图：但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢。接下来重点说一说多行文本溢出显……

大道至简知易行难是SEO行业中容易遇到的一个砍，很多事情看似简单，但是真正下手操作的时候变得思路模糊、操作不当等，很大一部分原因是由于对于SEO核心本质的理解有偏差所造成的。在整个搜索引擎结果排序当中，影响SEO排名的因素众多，但是不管搜索引擎算法怎么改变，站内SEO规范性永远都是万变不离其中。很多人在初学SEO的时候都会遇到一个尴尬的问题就是所有基础知识学完，不知道什么是重点，导致最后H标签、T……

对于前台开发来说，最讨厌的就是各个浏览器对CSS的兼容性问题了，每次一开发前台总要在各个浏览器中测试，电脑中除了IE还安装了十多个浏览器，还有IETest这个针对IE各版本测试的软件，每次都头疼为什么这么多浏览器就不能统一一下呢，为什么还有那么多人还舍不得放弃IE6呢。好了，闲话不扯了，进入正题，在上篇博文《当{clear:both}遇上古董IE6》中我就提到了要整理一下CSS的hack，结果一直……

今天又完成了一个客户的网站，在做最后的各浏览器兼容性测试时，在IE6和IE7上，一个盒子模型居然内部自动增高了，导致和其他盒子模型高度不一致，万恶的古董IE6，不过使用它的人还不少，没办法只有检查哪里的代码没兼容。IETester中IE6版本的测试效果，红框处为异常区域仔细检查了CSS代码和HTML代码，在上边红框相邻的代码中发现了一段清除浮动的代码，我试着将其删除，页面在IE6下也就显示正常了。……

前几天在进行本博客主题“Me”的设计中发现，由于“Me”主题背景不是纯白色，而内容栏和侧边栏由于内容的不一定导致整体页面不美观。我将内容栏的几个关键位置的height属性都改成100%，但是没有效果，之后用JS来实现，结果首页和分类页面正常，但是文章页和单页就不正常了。之后在网上搜索到了张鑫旭博客中的《纯CSS实现侧边栏/分栏高度自动相等》这篇文章，写得非常详细。我看了后修改了CSS，果然是个不错……