【网站制作】div css的那点破事（一）-pg电玩城

1.什么是div css

div css是网站标准（或称“web标准”）中常用术语之一，div css 是一种网页的布局方法，这一种网页布局方法有别于传统的html网页设计语言中的（table）定位方式，可实现网页页面内容与表现相分离。

上面这段是度娘说的，比较官方，非专业人士是看不懂滴。那么我来简单解释下：div css是一种网页排版方法，主要分为两个文件，一个是以div为主体的html文件，一个是用来存储页面样式的css文件。

html和css就是一对好基友

2.div css怎么用

让我们看一看html和css里有什么？

html文件：div,div,全都是div

css文件：里面当然都是样式了

html就是用div堆起来了，当然也有其他标签（

,,

等），这些标签可以更好的辅助div排版。而css里就是各种样式，有时也会引用一些其他文件。

 

然后是把html与css联系起来

 



html引用css文件之一

 



html引用css文件之二

 

这两种方式推荐使用第一种，因为第二种在引用的时候会有很多弊端，比如ie5以下的浏览器不支持（有人会用那么老的吗？），最多只能调用31次（有人会用那么多吗？），只能加载css不能定义rss（这是关键，但是一般用不到）等，所以老老实实用第一种吧，不要自找没趣哦。

 

最后就是div怎么调用样式



class和id在html和css里的表现

 

注意

1）id是页面上单独的元素，必须是唯一的，但class不受限制。

2）样式是有优先级的，下面的样式会替代上面的样式，定位详细的样式会替代全局样式。