2008年05月19日,绝大部分大型门户网站、百度、腾讯、网易、雅虎等等都把网站、网页改成了黑白灰色的样式
以示深切哀悼的心情。
这里我教大家用CSS滤镜就能不用进行特大的工程来改变风格样式达到黑白灰色网站效果。
以示深切哀悼的心情。
这里我教大家用CSS滤镜就能不用进行特大的工程来改变风格样式达到黑白灰色网站效果。
1、说明本文阐述了8条我们发现的在用CSS设计中有用的解决方案。
2、浏览器特定的选择器
英文地址: http://www.solidstategroup.com/page/1592
当你想在一个浏览器里改变样式而不像在其他浏览器中改变时,这些选择器很有用。
IE6以下
*html{}
IE 7 以下
*:first-child+html {} * html {}
只对IE 7
*:first-child+html {}
只对IE 7 和现代浏览器
html>body {}
只对现代浏览器(非IE 7)
html>/**/body {}
最新的Opera 9以下版本
html:first-child {}
Safari
html[xmlns*=”"] body:last-child {}
要使用这些选择器,请在样式前写下这些代码。例如:
#content-box {
width: 300px;
height: 150px;
}
* html #content-box {
width: 250px;
}
/* 重写上面的代码并且把宽度改为250px
在IE6以下版本中适用。 */
2、浏览器特定的选择器
英文地址: http://www.solidstategroup.com/page/1592
当你想在一个浏览器里改变样式而不像在其他浏览器中改变时,这些选择器很有用。
IE6以下
*html{}
IE 7 以下
*:first-child+html {} * html {}
只对IE 7
*:first-child+html {}
只对IE 7 和现代浏览器
html>body {}
只对现代浏览器(非IE 7)
html>/**/body {}
最新的Opera 9以下版本
html:first-child {}
Safari
html[xmlns*=”"] body:last-child {}
要使用这些选择器,请在样式前写下这些代码。例如:
#content-box {
width: 300px;
height: 150px;
}
* html #content-box {
width: 250px;
}
/* 重写上面的代码并且把宽度改为250px
在IE6以下版本中适用。 */
善用CSS层叠样式表缩写可以有效地把CSS文件的大小减小。
CSS缩写的主要规则如下:
颜色(color)
16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:
#000000可以缩写为#000;#336699可以缩写为#369;
容器填充(padding)与边距(margin)
通常有下面四种书写方法:
property:value1; 表示所有边都是一个值value1;
property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2
property:value1 value2 value3; 表示top的值是value1,right和left的值是value2,bottom的值是value3
property:value1 value2 value3 value4; 四个值依次表示top,right,bottom,left
CSS缩写的主要规则如下:
颜色(color)
16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:
#000000可以缩写为#000;#336699可以缩写为#369;
容器填充(padding)与边距(margin)
通常有下面四种书写方法:
property:value1; 表示所有边都是一个值value1;
property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2
property:value1 value2 value3; 表示top的值是value1,right和left的值是value2,bottom的值是value3
property:value1 value2 value3 value4; 四个值依次表示top,right,bottom,left
2008年05月19日14时28分起,全国人民为四川汶川大地震遇难者默哀3分钟。
各地汽车、火车、舰船笛声长鸣,防空警报在各城市上空鸣响。
并将05月19-21日定为全国哀悼日。
我也将我的个人网站“蔚蓝色天空”、“Azuresky Blog”黑灰白色三天,以表默哀之心。
历史将记住让人们沉痛受苦的这些日子
各地汽车、火车、舰船笛声长鸣,防空警报在各城市上空鸣响。
并将05月19-21日定为全国哀悼日。
我也将我的个人网站“蔚蓝色天空”、“Azuresky Blog”黑灰白色三天,以表默哀之心。
历史将记住让人们沉痛受苦的这些日子
10种用JavaScript来进行处理图片的特别效果
前段时间网络上暇逛,在“可能吧”看到一篇“10个用能用JavaScript实现的图片特效”
然后连接到国外的一个叫Blog Oh Blog原文上。
感觉非常有趣,不需要Photoshop来进行处理,图片本身还是原来的图片
用JavaScript来自动对页面上的图片在原来的基础上处理显示出的特别效果
有需要玩玩可以体验下。
1、图片倒影效果(Reflex.js)
这个脚本能使图片产生倒影的效果。效果如下:
前段时间网络上暇逛,在“可能吧”看到一篇“10个用能用JavaScript实现的图片特效”
然后连接到国外的一个叫Blog Oh Blog原文上。
感觉非常有趣,不需要Photoshop来进行处理,图片本身还是原来的图片
用JavaScript来自动对页面上的图片在原来的基础上处理显示出的特别效果
有需要玩玩可以体验下。
1、图片倒影效果(Reflex.js)
这个脚本能使图片产生倒影的效果。效果如下:







