另类的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
<style type=”text/css” media=”screen”>@import “http://lizheng.me/wp-content/plugins/nextgen-gallery/css/ngg_shadow2.css”;</style>

李征 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,就是颜色没了,结构和字还会在

发表评论