摘要：
一、Alice 设计模式 是否记得这样的试题？用一套同样的HTML结构，生成不同 的视觉效果。CSS 的最大好处就是，灵活。比如同样的HTML结构，可以实现不同的外观；又比如，同样的外观，可以用不同的方式不实现。但灵活的同时也给我们带来麻烦。团队 协作时，大家的编码风格各异，其他人要看懂/debug... 阅读全文
随笔分类 - HTML+CSS
三栏布局，中间栏自适应
2012-04-27 17:31 by 臭小子1983, 266 阅读, 收藏,
摘要：
昨天一个朋友来腾讯面试，他们进行了一道网站重构的测试( 可以查看我另外一篇相关的文章：http://www.planeart.cn/?p=443)，大致要求如下：布局基本框架上面只是一个简化图，实际比这个复杂不少：Left与Right是固定宽度，中间Main要求自适应，核心问题是Html文档流必须从Main开始然后才是两侧，下面就是这个要求的Html结构<div id=”main”></div><div id=”left”></div><div id=”right”></div>常规做法把两侧放在主要内容的前面进行左右浮动 阅读全文
SEO中的DIV CSS样式的命名规则
2012-04-17 17:04 by 臭小子1983, 265 阅读, 收藏,
摘要：
在搜索引擎优化中， 对于代码的优化是一个非常重要的部分。 如果一个网页的代码非常的简捷，对于提升网站的排名那个是非常有好处的。 同样，在CSS样式表中，合理有序的命名同样可以为整个CSS工作带来意想不到的简便。为了更加符合搜索引擎的规范， 下面是一些常用的CSS代码命名标准。 这些标准虽然不是一个必须遵守的规范，但是，却被大多数SEOer所接受，并为整个网站的更新工作带来方便。页头:header （CSS中通常写为： #header）登录条:loginBar标志:logo侧栏:sideBar广告:banner导航:nav子导航:subNav菜单:menu子菜单:subMenu搜索:search 阅读全文
css sprite
2012-04-05 12:49 by 臭小子1983, 532 阅读, 收藏,
摘要：
一、CSS Sprites简介 CSSSprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。 加速的关键，不是降低重量，而是减少个数。传统切图讲究精细，图片规格越小越好，重量越小越好，其实规格大小无所谓，计算机统一都按byte计算。客户端每显示一张图片都会向服务器发送请求。所以，图片越多请求次数越多，造成延迟的可能性也就越大。二、CSS.. 阅读全文
Css hack总结和解决方法
2012-03-25 20:52 by 臭小子1983, 370 阅读, 收藏,
摘要：
一、CSS HACK最佳应用方式 在开发页面的过程中，总会遇到这样那样的不兼容问题，在尽量避免使用一些兼容性很差的元素和样式后，往往还有细节上的不兼容问题，追求完美的前端工程师们就要采用css hack来解决问题了。 网上各种css hack资料很多，但是很多是有错误，或者不形象的，今天我来细致... 阅读全文
解决PNG图片在IE6下背景不透明的问题让IE6支持PNG透明背景
2012-03-21 20:58 by 臭小子1983, 197 阅读, 收藏,
摘要：
引用功能被关闭了。PNG图片在FF下是透明，但IE6下会变成浅蓝色的，下面的方法可以有效解决PNG图片在IE6下背景不透明的问题IE6下PNG图片背景不透明的问题解决方法一:给CSS控制文件加入如下CSS属性进行控制就可以解决PNG在IE6下面不透明的问题:* html div { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="tran.png"); background:none; }注意：这里我们使用了 “*”的CSS h 阅读全文
浙公网安备 33010602011771号