论坛

标题: div+css中类的使用 [打印本页]

作者: liuyimei1 时间: 2015-8-4 23:49
标题: div+css中类的使用
老师，在网页制作中div+css里能不能讲一下类的应用，上学的时候老师讲过类，把他们放到同一个div中，方便改变形式，例如要放好多张大小相同的图片，给他弄个类，然后把他的框架搭好，把每个图片的路径以改变，然后图片就变了之类的，具体咋做我记不太清楚了。

作者: yuanxi52028 时间: 2015-8-5 17:24
<link href="index.css" rel="StyleSheet" type="text/css"> 网页中外部css文件调用方法，href是文件路经，文件名可以随意命名，最好用英文或者拼音。
写在<head>...</head>之间，如图：

[attach]13325[/attach]

类的调用方法
<div class="top_bj">内容1</div>
<div id="top_bj">内容1</div>
命名可随意，根据自己的习惯来命名，需注意的是：名字开头不要以阿拉伯数字或特殊符号，会导致样式调失效。

id与class区别
id是唯一的每个页面是只允许出现一次，不然会有冲突。
class需要同样的样式的时候是可以重复使用的。如：
<div class="top_bj">内容1</div>
<div class="top_bj">内容2</div>
内容1与内容2需要同样的样式来制作的话就都可以调用 top_bj

外部css样式文件写法
id我们前面加# 如：#top_bj
clsaa我们前面加. 如：.top_bj
如图：
[attach]13328[/attach]

每个类会有很多属性和值来控制网页显示出来的效果。
[attach]13329[/attach]

[attach]13330[/attach]

等等。

我们后期会有更多相关课程，会详细讲div+css。

欢迎光临论坛 (http://bbs.qinxue.com/)