外观html与外观css的区别,用房间和装修来解读html代码与css样式的区别和关系

想要了解html与css的区别和关系，就必须要知道这2个东西的特点和主要用途用法等。html语言是一种超文本标记语言，通过html语言中的各种标签(如table、p、div等)，可以设计出很多不同结构的网页，而css样式可以给html的标签添加上显示样式，使网页的外观如：颜色、背景、字体大小等可以很方便的进行控制。

如果拿一个房间来比作html语言的话，那么css则可以比作是这个房间的装饰风格。如整个房间我们可以看做是html中的body，窗户可以看做是一个table，而窗户的窗帘就是css控制的背景了，通过设置table的css背景图片或者背景颜色，可以给我们的窗户配上各种颜色的窗帘，而窗户本身并没有发生改变，只是窗帘换了一种颜色而已。

或许上面的例子并不能非常严谨的表现出html和css之间的关系，但是大体上还是可以表达出来的，如上例中，我们添加一个table表示房间的窗户，背景颜色表示窗帘，html代码如下：

上面的html代码中我们添加了一个宽和高都为200像素的表格，此时该表格的背景颜色是默认的白色，如果我们想要改变该窗帘的颜色为红色时，只需在css中添加相应的代码就可以轻松的实现，css代码如下：

table{ background:#FF0000;}

这样table标签的背景颜色我们就改变完成了，如果你又想换成其他的颜色，只需更改css代码就可以了。

刚才我们把table标签比作是窗户，那么整个房间又是html标签中的什么呢？说它是body，因为可以放进该房间且可以看到东西只能是在房间里面的，所以说比作body是最合适不过的了，body中的所有元素就相当于是整个房间的物件、颜色风格等。

在这样的情况下，html和css的关系就相当于一个房间和该房间装饰风格的关系是一样的了。

《用房间和装修来解读html代码与css样式的区别和关系》地址：www.cunguer.com/article/171.html，本文来自村姑网，您身边的IT专家

www.cunguer.com，转载请注明出处，您的支持是我们创作的源泉~！