冰剑'blog

Content作为css的一个属性，它可以和伪对象:before :after一起使用。

例如：

CSS

.xunzou:before { 
        content:"你好啊"; 
        color:#F00; 
    } 

.xunzou:before { <br/> content:"你好啊"; <br/> color:#F00; <br/> } <br/>

html

<div class="xunzou">欢迎光临我的blog</div>   

<div class="xunzou">欢迎光临我的blog</div> <br/>

浏览器显示的应该是：

...

CSS3多列布局模块是css3提出的新的东西，可以将文章分成多列显示。

 

腾讯微博邀请码曾经一码难求，现在是一码难送，特给大家送一些微博邀请码：

注册地址：http://t.qq.com/

 8个微博邀请码：

http://t.qq.com/invite/fca1a1126d1deb3259c5

http://t.qq.com/invite/b25c9135a3b22cadda73

http://t.qq.com/invite/f50f0ca41787927c33b1

...

用css3创建的3d效果的“带子” ，其实我也不知道该怎么称呼它。
看一下效果吧

主要用到了css3的阴影、圆角以及css实现的三角形的等效果
关于css3已经css实现三角形的文章：
[[整理]css3的一些新特性]
[em实现倒三角的提示效果]
...

我们在小学甚至初中的时候，作文课上，老师一般会出一个题目，然后让大家围绕这个题目去作文。 比如老师今天布置的作文题目是《蜗牛》，然后说，同学们开始写吧，这样写出来的作文是不是都不一样呢？有的同学可能会写：蜗牛是一种动物，它背着一个壳， 它是世界上脚最多的动物……；也有同学可能会写：蜗牛就像当今的人类，为了一个房子，一辈子就被拴在房子里，啥也干不成，为了这个房子，奋斗

CSS3增加了很多非常有用的选择符及其伪类，利用这些新的技术，可以在我们的日常工作中节省不少的时间，并且减少HTML及CSS文件的大小。

今天主要介绍一下CSS3新增加的属性选择符和伪类。下表仅是其中的一部分，有些伪类没有在下面表中，如:root等伪类。

...

众所周知，IE6自出生以来，为人们付出了汗马功劳。但是，现在看来，它已经非常的老态龙钟了。它的儿子（IE7）和孙子（IE8）都已经出来，并且占有了一定的市场了。虽然它的接班人相比它来说对web标准的支持已经有了很大的进步，但是和其他的浏览器（Firefox、opera、Google chrome、Apple safari等）对比的话，IE还是有一些差距的。

因此，平时在工作中，我们总是为IE6或者IE浏览器写一些兼容性的样式。比如属性前的下划线“_”、比如“*html #nav{/*想要IE6展示的样式*/}”等等。这样的写法让IE和其他的浏览器有了相同的表现，但是我们的代码却不是那么好看了。为了保持我们CSS代码的清晰明了，我们也可以使用IE专有的条件语句。

...

在hulu（美国知名的视频网站）上看到了这个视频缩略图增加一个play的效果，突然心血来潮，就也想做一个这样的效果。

思路：利用a标签，里面包含一个视频缩略图片，鼠标放上去之后，增加边框，图片上增加一个播放按钮，播放按钮用背景图来展示。
a标签里需要放置一个em,默认的时候隐藏，hover的时候em显示出来。

查看演示：http://www.xunzou.com/demo/thumbnail/
下图左边为默认显示效果，右边为鼠标放上去的效果。
 

　　Firefox是据称最好的浏览器，哈哈。好不好我今天不做评判，但是就它对web标准的支持来说，是比较不错的（当然Opera、Google的Chrome和Apple的Safari也不错）。他们都比IE在这方面好的多。
对于web前端开发工程来说，Firefox是一个不错的浏览器。我这一年已经放弃了IE，基本都用它，IE只在开发的时候用来测试，毕竟IE的市场份额是比较大的。　
Firefox浏览器的扩展给大家在日常的网站开发和浏览中提供了很大的帮助，今天整理了一下我经常用到的一些Firefox浏览器的扩展。

...

今天说一下CSS的clip属性，这个属性可能不经常用，但是也是比较有用的属性之一。
我们先来看一下它的语法：

 语法：clip : auto | rect ( number number number number )

取值： auto: 默认值。对象无剪切； rect ( number number number number )：依据上-右-下-左的顺序提供自对象左上角为(0,0)坐标计算的四个偏移数值，其中任一数值都可用 auto 替换，即此边不剪切

...