
CSS
文章平均质量分 77
rhinemetal
这个作者很懒,什么都没留下…
展开
-
清除浮动的3种方法
使用div+css布局的好处不用多说,经常性地会使用到float,那么清除浮动就是必须要做的,而且随时性地对父级元素清除浮动的做法也被认为是书写CSS的良好习惯之一。常用的清除浮动的方法有以下三种。此为未清除浮动源代码,运行代码无法查看到父级元素浅黄色背景。 *{margin:0;padding:0;} body{font:36px bold; color:原创 2011-11-15 16:34:17 · 1106 阅读 · 1 评论 -
IE捉迷藏bug详解(躲猫猫)
IE捉迷藏bug(peek-a-boo),之所以起这个名称是因为在某些条件下文本看起来消失了,只有在重新装载页面时才再度出现。出现这个bug的条件是:一个浮动元素后而跟着一些非浮动元素,然后是一个清理元素,所有这些元素都包含在一个设置了背景颜色或图像的你元素中。假如清理元素砬到了浮动元素,那么中间的非浮支元素看起来消失了,隐到了父元素的背景颜色或图像后面,只有在刷新页面时才重新出现。原创 2011-10-26 22:42:50 · 669 阅读 · 0 评论 -
十个修复IE6下bug技巧
IE6的末日即将来临,但这个末日也并非朝日可至,所以我们还是争取最后的胜利,用各种hack和方法来规避IE6下双边距,背景透明,重复文字等等一堆bug。10个修复IE6下bug技巧IE6的末日即将来临,对我们前端开发人员来说,无疑是一个慰藉人心的喜讯。但这个末日也并非朝日可至,所以我们还是争取最后的胜利,用各种hack和方法来规避IE6下双边距,背景透明,重复文字等等一堆bug.下面是转载原创 2011-10-27 09:33:57 · 532 阅读 · 0 评论 -
使IE6下PNG背景透明的七种方法任你选
PNG图像格式介绍:PNG是20世纪90年代中期开始开发的图像文件存储格式,其目的是企图替代GIF和TIFF文件格式,同时增加一些GIF文件格式所不具备的特性。流式 网络图形格式(Portable Network Graphic Format,PNG)名称来源于非官方的“PNG’s Not GIF”,是一种位图文件(bitmap file)存储格式,读成“ping”。PNG用来存储灰度图像时,原创 2011-10-28 09:36:52 · 393 阅读 · 0 评论 -
IE6 Peekaboo(躲躲猫) Bug
IE6 Peekaboo(躲躲猫) BugPeekaboo本意就是“躲躲猫”游戏(捉迷藏),这个BUG也是这样,让你的页面内容时隐时现。 关于这个BUG的原文在这里:http://www.positioniseverything.net/explorer/peekaboo.html里面使用了很多辅助元素来形象的说明和演示这个BUG,如果你英文不是很好或者其他原因,你可以看下面的讲解。在一个div#原创 2011-10-28 11:17:17 · 715 阅读 · 0 评论 -
10款CSS Framework
对于JavaScript的框架已经很熟悉了,像jQuery, Ext, Dojo,最近又发现有很多的CSS Framework,转载一篇相关的文章。 大多数的Web设计者大都听说过“CSS Framework”, 相信一些人已经开始尝试使用过其中的一些了。 CSS就像其他的编程语言和脚本语言一样,在日常的编写过程中有很多的重复代码,这些重复代码也可以被整合在一起,从原创 2012-03-04 13:16:34 · 1594 阅读 · 0 评论 -
javascript 瀑布流
现在图片网与商城流行一种叫“瀑布流”的布局,我们公司也不小心得了“流行性感冒”,要搞这个。于是我就写了一个,现在再用我的框架mass重写一下,发布出来,顺便宣传一下我的框架。瀑布流其实没什么东西,就是列布局与无限拖的结合。由于要支持IE6就没有CSS3,直接对列进行绝对定位。列就是一个DIV。然后就是列中每个板块的添加问题,我管它为砖头。每添加一块砖头前,比较一下哪列最短,就往哪里塞。最后就是原创 2012-03-09 14:32:21 · 835 阅读 · 0 评论 -
中文字体在 CSS 中的表达方式
中文名英文名UnicodeMac OS华文细黑STHeiti Light [STXihei]\534E\6587\7EC6\9ED1华文黑体STHeiti\534E\6587\9ED1\4F53华文楷体STKaiti\534E\6587\6977\4F53原创 2012-03-19 11:06:04 · 522 阅读 · 0 评论 -
回流与重绘:CSS性能让JavaScript变慢?
目前有有关此文章的介绍(这里),但是只是部分内容。本文为全文翻译,并提供其他的一些页面性能优化方面的资源,希望能对reflow的进一步认识有所帮助。我之前还翻译过一篇关于reflow的文章,您有兴趣可以看看(点击这里)。原文地址:http://www.stubbornella.org/content/2009/03/27/reflows…-slow/原作者:Nicole Sullivan原创 2012-04-17 21:44:55 · 1217 阅读 · 0 评论 -
IE6下浮层闪烁的问题
浮层使用fixed定位会在IE6下滚动时出现闪烁的现象*html{ background-image:url(about:blank); background-attachment:fixed;}原创 2012-05-18 16:52:45 · 486 阅读 · 0 评论 -
腾讯实习生笔试题
在一网友空间里看到的,贴上来大家有兴趣的可以试一下,虽然DIV+CSS做了接近三年,但有些基础的东西却发现还是没有使用过一、 耐心填一填!(每空4分,共24分)1. 为div设置类a与b,应编写HTML代码___________。2. 设置CS原创 2011-08-29 15:39:47 · 590 阅读 · 0 评论 -
使用EditPlus技巧,提高工作效率(附英文版、自动完成文件、语法文件下载)
除了windows操作系统,EditPlus可以说是我最经常使用的软件了。无论是编写xhtml页面,还是css、js文件,甚至随笔记记这样的事情,我都会使用EditPlus(现在使用的是EditPlus2.31英文版),感觉它不仅功能强大,更难得的是:绿色、轻量级、启动速度快、稳原创 2011-09-12 11:27:37 · 643 阅读 · 0 评论 -
css hack
css hack "!important","_","*","*+","\9","\0"原创 2011-03-07 11:15:00 · 404 阅读 · 0 评论 -
DD_belatedPNG透明,解决IE6不支持PNG绝佳方案
我们知道IE6是不支持透明的PNG的,这无疑限制了网页设计的发挥空间.然而整个互联网上解决这个IE6的透明PNG的方案也是多不胜数,从使用IE特有的滤镜或是expression,再到javascript+透明GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与background-repeat.而我今天介绍DD_belatedPNG,只需要一个理由,就是它支持backgrond-position与background-repeat.这是其他js插件不具备的.同时D原创 2011-03-07 10:39:00 · 1020 阅读 · 1 评论 -
CSS hack
方法一: 跨浏览器的网页设计一直是让人很头疼的问题,这不只是因为浏览器的版本众多,还有一个重要的原因是相同浏览器的不同时期的版本也会有差异,甚至是在不同操作同台上还会有不同。因此使CSS hack技术进行浏览器区分是实现跨浏览器访问一个好方法。CSS Hack技术有很多,具体可以查看: 本文据说的主要是通过“.”,“>”,“*”,“_”来区分。以下是本人对这四种符号的测试结果: ———————IE6—— IE7——IE8——FF2——FF3— Opera9.5 >property—原创 2011-02-22 15:15:00 · 428 阅读 · 0 评论 -
CSS hack,CSS简写,CSS定义应注意的几个问题
<br /> DIV+CSS的实质是:使用XHTML对网站进行标准化重构,使用CSS将表现与内容分离。<br /> 什么是浏览器HACK:当我们使用不同的浏览器(Firefox IE7 IE6)访问同一个网站,或者页面的时候,会出现一些不兼容的问题,有的显示出来正常,有的显示出来不正常。<br /> 因此,在网站设计的时候,应该注意css样式在不同浏览器下的兼容性问题,特别是对完全使用DIV+CSS设计的网站,就应该更注意IE6、 IE7以及FF对CSS样式的兼容,不然,你的网页可能出现意料之原创 2011-02-22 16:00:00 · 471 阅读 · 0 评论 -
IE8的css hack /9
<br />首先感谢“丸子”提供的这个IE8的css hack;<br />关注过IE8的css hack的人相信大家都在使用这个hack,就是“/9”的css hack:<br />.test{<br />color:#000000; /* FF,OP支持 */<br />color:#0000FF/9; /* 所有IE浏览器(ie6+)支持 ;但是IE8不能识别“*”和“_”的css hack;所以我们可以这样写hack */<br />[color:#00原创 2011-02-22 16:08:00 · 895 阅读 · 1 评论 -
css方框模型(盒模型Box Model)
<br />做过前台设置的都知道css存在两种盒模型,W3C标准的方框模型和IE浏览器的方框模型。除IE以外的大多数浏览器只支持W3C方框模型。IE浏览器能够根据页面的呈现模式的定义而是用对性的方框模式。已用哪中呈现的模式取决于页面上的DOCTYPE的声明。<br />如果页面包含有效的DOCTYPE声明,则以严格模式呈现。 <br />如果页面没有DOCTYPE声明或没有有效的DOCTYPE声明,则以兼容模式呈现。 <br />下面将一个两种模式的区别,两种呈现模式的主要差别是对元素width和heigh原创 2011-03-15 13:31:00 · 709 阅读 · 0 评论 -
10个CSS3开发工具
CSS3 Pie<br /><br />使用CSS3 Pie可以让IE6至IE8版本实现大多数的CSS3修饰特性,如圆角、阴影、渐变等等。→ 访问 CSS3 PieCSS3 Builder<br /><br />使用这款工具可以制作出漂亮的CSS3盒子,像是Photoshop制作出来的效果。→ 访问 CSS3 BuilderCSS3 Drop shadow generator<br /><br />一款很棒的阴影效果生成工具,自动生成相应的代码。→ 访问 CSS3 Drop shadow generator原创 2011-05-17 22:15:00 · 741 阅读 · 0 评论 -
让IE6/IE7/IE8浏览器支持CSS3属性
一、下载<br />您可以狠狠地点击这里:ie-css3.htc,这个玩意儿是让IE浏览器支持CSS3表现的关键东东。二、上面的是什么东西<br />首先说说.htc文件,.htc文件是个脚本文件,我个人以为与js文件属于同一货色,只是呢,貌似htc是Internet Explorer(IE)的私生子,只有IE才认它。htc文件可以用来描述web行为,web行为允许程序员把自定义的功能“连接”到现有的元素和控件,而不是必须让用户下载二进制文件(例如ActiveX 控件)来完成这个功能。Stop! 别叉远了,原创 2011-04-01 15:07:00 · 1188 阅读 · 0 评论 -
CSS 3 PIE與IE CSS3:幫IE升級?
<br />所有PC使用者所熟知的那個桌面上網藍色小圖示:IE,一直是一個落伍過時的網路瀏覽器。<br />我們大概可以試想一下:如果沒有IE6,我們現在可能正享用著十年後我們才享用得到的網路進化成果。<br />沒錯,IE6拖累了整個網路世界的進化,而且遺毒難清。<br /> <br />但,很多人並不在意這些,就像他們也不在意投票給哪個落伍過時的人,選他當市長或總統也好那樣。<br />「很多人並不在意」慢慢地變成了阻礙進步的反作用力,而不在意「很多人並不在意」而繼續求新求變的Web designer,原创 2011-04-01 17:43:00 · 973 阅读 · 0 评论 -
CSS3开发工具收集
<br />通常来说,CSS非常简单。但是当浏览器厂商开始实现CSS3特性,问题开始变得有些复杂了。不难,只是有些复杂。这可能包括两个方面:首先有些心得CSS3属性(比如,transition、渐变、transform等)不是那么简单,其次我们不得不使用浏览器厂商指定扩展。<br /><br />直到你最喜欢用的IDE原生支持CSS3,你最好的伙伴将是CSS3生成器、手册、参考指南以及基于JS的方案。这正是本文要推荐的,这里将收集能够助你学习和使用CSS3的真正有用的工具。生成器CSS3 Please!跨浏原创 2011-04-01 17:44:00 · 534 阅读 · 0 评论 -
编写统一、符合习惯的CSS的原则
以下文档将提供一个合理的风格指导,用于CSS开发。这个文档并不是规范,我也不希望将自己的风格喜好强加在其他人身上。但是这个指导手册确实强烈鼓励使用现有的、通用的、合理的模式。这个文档将持续更新,欢迎提出新的想法。还请多多贡献。Principles of writing consistent, idiomatic CSS(原版)目录通用原则空格注释格式命名实例代码组织构建及部署原创 2012-06-20 10:00:47 · 1109 阅读 · 0 评论