css border制作小三角形状及IE6中inline-block的解决文案

css border制作小三角形状及IE6中inline-block的解决文案

1、display:inline-block

让一个元素具有“区块元素”的属性(可以设置width和height),又具有“内联元素”的属性(不产生换行)。

2、IE中的inline-block

IE6不支持这个属性,但IE8开始支持这个属性。

让IE6内联元素具备inline-block特性

由于inline-block会触发IE的layout,所以IE6中只要设置{d...

阅读全文>>

阅读全文...

50段超实用CSS代码

50段超实用CSS代码

1. CSS Resets
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, s...

阅读全文>>

阅读全文...

前端工程师新手必读

前端工程师新手必读

      公司招了几个刚毕业的学生,作为重构的新手让我来带。

  首先感谢感谢党、感谢国家、感谢公司给了我这样的一个机会,对我工作的肯定和认可,让我带这样的一个重构团队,同时我也明白任务的艰巨,但我一定会将工作做好,不负公司对我的期望。(哈哈,好像从小到大,老师都是教育我们要这样先说的。)

  在网站的发展史上,初期的网站建设根本不需要网页重构这个职位,WEB1.0时代的网页,只需要程序员,一堆堆的表格嵌套就完成,或者美工进行配合完成,先由美工负责设计好,再用一些自动化的软件拉伸几下,直接将设计好的图就可以通过软件输出表格的布局了,根本不需要重构这个多余的职位。随着WEB2.0的到来和W3C的规范得到世人的认可,内容和样式的分离更方便进行开发和维护,传统的表格布局和内容混排的方式逐渐地被淘汰,美工已不能完全一手包办越来越复杂的效果和高要求的页面布局了。此因催生了一个新的职位——前端工程师。

阅读全文>>

阅读全文...

web标准常见问题整理(转自blueidea)

web标准常见问题整理(转自blueidea)

    列举了一些常见,新手经常问的问题。举例并说明解决方法。

    1.超链接访问过后hover样式就不出现的问题(IE6直接定义a标签的样式,链接访问后变色)

       解决方法:是改变CSS属性的排列顺序: L-V-H-A,IE6里想要访问后不变色,必须定义a:visited。
    2. IE6的双倍边距BUG

       解决方法:浮动后本来外边距10px,但IE解释为20px,在样式上加上display:inline,或_margin-xxx:5px。
    3. IE6使用滤镜使PNG图片透明后,容器内链接失效的问题

阅读全文>>

阅读全文...

CSS Sprites,要还是不要?

CSS Sprites,要还是不要?

  CSSSprites已经出现一段时间了,并上升为一种可以让你的网站速度变快的方式。SteveSouders刚刚在Velocity'09上展示了SpriteMe!(讨论——为什么在你可以使用canvase和toDataURL和及时生成雪碧的时候还要使用CSSSprites生成器或其它基于服务器的工具?)。然而,关于CSSSprites有一些误解,最主要的一个就是它们没有缺点。

 ...

阅读全文>>

阅读全文...

前端中浏览器的兼容性和BUG问题的笔记

前端中浏览器的兼容性和BUG问题的笔记

在前端编码中肯定会遇到浏览器的兼容性问题,自己也不断的收集和总结了一些,今天汇总一下,方便以后查找和记忆。

主要分为两方面:一是同于各浏览器核心的不同,导致对CSS的解释也不一,所以我们要做CSS hack。二是CSS的一些技巧,盒模型在CSS样式表下的布局方法。


一、目前常用的浏览器有Internet Explorer,Mozilla Firefox,Google Chrome,Apple Safari,Opera以及其它一些以此为核心的加壳或一样核心的浏览器。浏览器核心有Internet Explorer的Trident,Mozilla Firefox的Gecko...

阅读全文>>

阅读全文...

Minify优化网站性能 合并多个CSS或者js文件

Minify优化网站性能 合并多个CSS或者js文件

      今天在看dbRadio Plus时,发现里面有<link href="/FileCombine?Minify=true&FileType=CSS&RootPath=/Content/stylesheets/&File=Gobal.css&File=intro.css" rel="styleshstylesheet" type="text/css" />一段,想到CSS可以这样写?这无疑是合并了多个css,减少请求次数和时间的一个方法。就开始搜索Minify。

项目地址:minify(Google Code)

作用:合并(减少HTTP请求)、精简、Gzip压缩和缓存JavaScript和CSS文件。

阅读全文>>

阅读全文...