另类的xHTML+CSS基础教程

李征 16:30:34 以前叫HTML，现在扩充到xHTML

冰淇凌 16:30:35 恩~

李征 16:30:45 现在HTML其实就是内容性的东西 李征 16:30:59 比如你看看我博客的源代码，里面都是结构性的东西

冰淇凌 16:31:10 结构性？

李征 16:31:18 比如题目，内容什么，但是没有给出该用什么颜色来显示 李征 16:31:50 比如你要显示一篇文章吧，xHTML里面就是很简单的，上来先title，然后content，然后comment

冰淇凌 16:31:58 哦~~偶还以为颜色那个有默认的

李征 16:32:05 只有结构和文本的内容，而没规定颜色 李征 16:32:27 但是在每个结构性的标签里面，都会有一个id或者class的变量 李征 16:32:43 在整个xHTML顶上，会指定一个css文件的位置 李征 16:33:14 这个css里面，会去规定每种id或者class应当用什么颜色啊，什么字体啊，什么位置啊去显示

冰淇凌 16:33:16 哦~~~

李征 16:33:37 就是说，xHTML都是结构性内容，css都是显示性内容

冰淇凌 16:33:39 css就是个模板咯

李征 16:33:46 这就是xHTML+CSS的基本原理 李征 16:33:52 嗯，算是吧

冰淇凌 16:34:08 恩 有一点小概念了 呵呵

李征 16:34:40 所以，只要换一个css文件，整个网页就会很不一样 李征 16:34:47 这就是你说的模板的概念

冰淇凌 16:34:53 哦~~~呵呵 你那个改动的就是？

李征 16:35:12 对，过程中没动过html部分 李征 16:35:25 就像穿衣服一样，人还是那个人，衣服不一样而已

冰淇凌 16:35:23 呵呵 这样还挺好

李征 16:35:41 好处就是，可以大大减少重复的代码 李征 16:36:18 因为如果不这样，就必须在每个文字前面规定，要去怎么显示，但是我一个页面可能有n个需要这样显示的内容呢

冰淇凌 16:36:28 恩 懂~

李征 16:36:50 如果html就要写n次，如果css，就在css里写一次，而在这n个前面让他们用同一个class 李征 16:37:05 一般这样可以减小40%带宽需求 李征 16:37:25 而且，不同页面可以使用同一个css文件，这样其实就是缓存了，速度也会快

冰淇凌 16:37:30 @import "http://lizheng.me/wp-content/plugins/nextgen-gallery/css/ngg_shadow2.css";

李征 16:37:38 对

冰淇凌 16:37:38 这个么 冰淇凌 16:37:40 哦 冰淇凌 16:37:41 呵呵

李征 16:38:20 再有，因为html只是结构，所以在手机那样的设备上，可能不支持css，但是内容结构还会保持 李征 16:38:29 题目还是题目，内容还是内容 李征 16:38:43 基本就这些特性吧

冰淇凌 16:39:20 那就是手机设备上样式会显示不出来？

李征 16:39:37 有的会，有的不会 李征 16:39:44 手机上也有Opera之类的浏览器

冰淇凌 16:40:06 哦~

冰淇凌 16:40:13 跟浏览器解析有关？

李征 16:40:26 如果是传统网页，可能就是一片乱七八糟，如果xHTML+CSS，就是颜色没了，结构和字还会在