前几天给mark做个网页，在页面内让图片放在div里，然后让div横排，每行3个，递增后自动换行，说起来有点不清楚，其实就是一个float:left;，为防止图片大小不一变形，我在css里限制了图片的宽度，这就算搞定了。 可是mark同学在使用的过程中发现，其他所有的图片都规规矩矩的排排坐、吃果果，就一张图特立独 ......
Read more ...
CSS3出来的时候，我第一认识的属性是text-shadow，也就是文字阴影，给文字来点影子看着有立体感，而且更醒目。不过这个属性和许多其他的CSS3特有属性一样，在ie下是无效的，刚才不小心发现了，原来在ie下也是可以让文字有阴影的，只是要有ie特有的filter这个东西，好像叫滤镜的。 ......
在网页的网站名字或者题目链接处用css的方法，使得在点击这些链接时，被点击的链接有下沉的效果，让网页更具动感，增强用户体验。 实现的方法很简单，只要给a的active定义css就好了，如下例子： #logo a{position:relative;display:block;width:240px;he ......
CSS的写法中有许多格式可以直接用缩写，掌握这些属性的缩写格式方法在写css的时候会提高不少速度，而且看上去呢还会更显得专业些，嘿嘿。下面列举一二，至于还有没有其他的暂时想不起来了。 1、颜色值的缩写： 16进制的色彩值,如果每两位的值相同,可以缩写一半, 例如:#000000可以缩写为# ......
晚上瞎逛，在吹衣轻飏博客，看到这个问题的解决方法，不知道是不是有用，但是怕到时候遇到了不记得，所以满转载一下。 在firefox中，默认页面不超过一页是没有滚动条的，加入页面中某些元素会临时改变页面高度，比如用了toolTip之类的提示小工具，就会出现滚动条时有时无， 导致页面抖动。解决方法是 CSS里加： ......
本文转自万戈的博客，代码效果是让你的网站内容像是在镜子中的成像一样，那个专业术语叫啥不知道，就是反的，稀奇好玩的东西要转一下。 翻转css代码： html{ filter:fliph } body{ -webkit-transform: rotateY(180deg); ......
本文将普及一些新属性的基本知识：text-shadow，box-shadow，and border-radius。这些 CSS3 属性经常被用来增强页面布局，并且很容易理解。 RGBA 前三个数值是 RGB 颜色的值, 最后一个数值指代的是元素的透明度 (0 表示透明, 1 表示不透明) RGBA ......
这是一篇来自前端观察的译文，是今天在看论坛的时候偶然发现的文章，这里介绍了一个叫Zen Coding的工具。 如果你觉得这篇文章过于冗长，不想全部读完的话，我仍然推荐你一定要看看下面的视频。当然，前提是，你应该是一个web前端开发的爱好者或者学习者，甚至是工程师。 英文原文：Smashing Magazi ......
设置个性外链图标，因为不支持ie6，所以一般很少用到，大多数童鞋是用js来实现这样的效果的。 /*先设置所有连接地址图片样式*/ a[href^="http:"]{background:url() no-repeat right top;padding-right:10px;} /*去除本站链接样式*/ ......
没想到css中的一个line-height就这么博大精深，实在是让人怕怕。 一个简单的, step-by-step 关于 CSS 行高的演示文档, 涵盖行间距, 如何应用各种类型的行高值, 当然还有 inline box 模型介绍, 希望能满足您。（但实战应用在中文字体或中英文字体混合，以及IE6,7,8，XP ......
好久没折腾博客了，自从自己乱搞搞出第一个wordpress主题模板后就没停止过折腾，而实际上用的最长久的那款主题——也就是上个主题——也才是我自己折腾出来的第二个，那时候刚了解wp主题是怎么搞的，就不知天高地厚的想模仿wp后台管理页面做一个主题，等做起来后才发现困难重重，根本不是我这个水平能搞定的，最后没想到就弄出这样 ......
给图片加上水印效果，看上去似乎让人觉得更专业，更那个什么什么，不过也很那个什么什么，不过用css来实现这个效果，那就更那个什么什么了，而且居然这个代码神奇的连ie6都支持，所以一定要转，原文章来自万戈的life studio，效果图见这里：http://www.life-studio.cn/watermark-with ......
