2

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

 2 years ago
source link: https://yihui.org/cn/2005/07/explain-css/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

我来说说 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 让人极度失望,服务器怎么搞得老是出问题,真是越来越不像话!!

英语受刺激,要好好练习了 一个普通的夏日早晨

Disqus Utterances Preferences

© Yihui Xie 2005 - 2020

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK