随笔分类 -  css实验室

纯CSS实现气泡图案
摘要：关于纯CSS实现气泡图案，大概如下图：为什么不用图片代替？当然是为了页面优化的缘故，加载一张图片会增多一次http请求，对于完美主义的页面重构者，是无法接受的。那么这个纯CSS的聊天气泡效果是怎么实现的?【border小三角技巧】一个DIV：当宽度和高度都为0 的时候：会呈现以上效果。当设置其他边为白色，或者透明的时候，将会出现下面的效果：在多说几句，transparent在一般浏览器上，可以实现... 阅读全文
posted @ 2010-10-14 22:53 橡树小屋 阅读(3643) 评论(2) 推荐(0) 编辑
固定头和底，中间部分自适应布局
摘要：这个问题08年在蓝色理想论坛就有牛人们讨论过了：http://bbs.blueidea.com/thread-2860887-2-1.html　　在此，只是整合一下之前搜集到的资料。在腾讯发布web2.0QQ在线版的时候，我发现其采用的自适应的布局，相信不久之后，大部分的桌面软件搬到WEB上都会采用这样的布局，例如office的在线版本等等。这篇文章：http://bbs.blueidea.com... 阅读全文
posted @ 2010-10-07 17:02 橡树小屋 阅读(2590) 评论(0) 推荐(3) 编辑
WIN7下如何做好IE6,7的兼容性测试
摘要：前端开发的同行们，特别是涉及css页面重构一块的，在web页面完成的时候，一般都要进行个主流浏览器的兼容性测试，一般情况下，像火狐，opera，safari,chrome这种浏览器，直接在网上下载最新的版本就行了，但是IE6，7，8,这三个浏览器，在系统中一般都是不能同时安装的，以前在XP上，用IETester就可以同时让ie三个浏览器共存，但是，我在WIN7的系统下，安装IETester v0.... 阅读全文
posted @ 2010-07-24 21:45 橡树小屋 阅读(11551) 评论(5) 推荐(1) 编辑
[摘]CSS的优先级探讨
摘要：摘自百度文档：http://wenku.baidu.com/view/177b11d3240c844769eaee1a.html虽然个人很支持博客园里面原创的教程，但是有时候遇到好的文章也很想跟大家分享一下，下面这篇文章对CSS优先级阐述得非常详细，对深入研究CSS大有裨益，因此转到个人博客上，希望对大家有帮助。一、CSS的优先级1、标有"!important"的规则有最高优先级一个样式规则可以有... 阅读全文
posted @ 2010-07-23 00:32 橡树小屋 阅读(566) 评论(4) 推荐(0) 编辑
同级情况下CSS的优先级探讨
摘要：CSS的调用方式一共有4种，分别是：行内样式，内嵌式，link链接式，@import导入式，在同级的前提下，我们可以按样就近原则来理解他们的优先级，则越前定义的样式，会被后面的样式覆盖。假如两个或更多的规定在应用了前三个规定具有相同优先级，则后给出的规则优先于早先给出的规则。如果在网页的HEAD标记中同时使用了STYLE标记符（指定嵌入式样式）和LINK标记符（指定链接式样式），并且这两个样式指定... 阅读全文
posted @ 2010-07-22 02:57 橡树小屋 阅读(1210) 评论(0) 推荐(0) 编辑
a和a:link的区别
摘要：这个问题很久之前就遇到过，今天刚好有再次遇到，顺便写下来吧。a和a:link有什么区别？不妨看下代码：有两个标签并且赋予颜色：a{ color:#900}是红色，a:link{ color:#00F}是蓝色，实际显示的颜色是，使用a的是红色，使用a:link的是蓝色，这说明a:link会对拥有href=”“，即拥有实际链接地址的a对象发生效果。而对直接使用a对象的内容不产生... 阅读全文
posted @ 2010-07-11 16:43 橡树小屋 阅读(8846) 评论(1) 推荐(1) 编辑

追逐梦想，永不停息
点击右上角即可分享
微信分享提示