Yihui Xie

我来说说CSS(顺便解释这只小鸟)

谢益辉 / 2005-07-03


所谓CSS,就是层叠样式表,我也不明白为啥叫“层叠”(cascading),反正CSS在网页里面是个很有用的东西,可以定义网页的样式,并且最方便之处是所有的页面都可以引用这个共同的样式表,可以节省网页的大小。因为它集中规定了一些样式,也就为网页省去了不少麻烦,比如我想让段落的字号大小为10px(像素),那么就可以在CSS文件中规定p{font-size:10px;},这样一来的话,这个页面中只要是属于段落形式的文字,大小一律都是10px,而不需要再用”“这样去一段段地标明了。

如果不懂HTML,那么CSS就可能有点看不懂,想把网页做好的话,一些基本的HTML标签(Label)还是应该懂一些的,比如p,table,div,img,hr,a等等,对于理解CSS的内容很有帮助。

一般说来,打开一个网页,用菜单“查看”–>“源文件”就可以看该网页的源代码(HTML),网页中所使用的技巧什么的都一览无余;对于CSS,它的位置一般在头部的”“这句话中,href是CSS文件相对于网页文件的位置。

具体的知识上网搜一搜就明白了,最好是自己能用一用,我也没怎么上网看,只是自己拿着Dreamweaver琢磨了一下,差不多就明白了,还是比较容易的——只要知道CSS是用来定义样式的就可以了。

关于我的Blog,moon同学在问小鸟鼠标是怎么弄出来的,其实就是在CSS中Body的样式里面加上一句

body {
  CURSOR: url('http://www.chinathink.net/background.ani');
}

就可以了,这句话的意思是定义Body(即正文)样式中鼠标CURSOR的样式,什么样式呢?就是使用http://www.chinathink.net/background.ani这个鼠标样式(是一个图片文件,准确地说是动画光标文件,也就是飞动的小鸟),说到这里,也顺便说说这里的CURSOR样式是完全自定义的,其实系统自带的也有好几种,比如手形的(hand)、十字形的(cross)、沙漏形(hourglass)的等等,具体用法跟前面一样,比如写“cursor: hand”,那么当鼠标在正文中移动时就始终是手形的,不信试试看:)

一般现在的博客提供商都有自定义样式的功能,BlogChina也一样,在控制面板里用“模板DIY”就可以了。总之CSS这东西靠听别人说也不会很明白的,还是自己试着做一做改一改吧:)Good Luck!

P.S. 最近Blogchina让人极度失望,服务器怎么搞得老是出问题,真是越来越不像话!!