设为首页收藏本站

开启辅助访问

论坛 › 学院 › 平面设计学院 › div+css中类的使用

发新帖

1 781

电梯直达

跳转到指定楼层

[提问] div+css中类的使用

liuyimei1|注册会员 |勤币 87 |学币 0

发表于 2015-8-4 23:49 | 复制链接 | 打印 | 上一主题 | 下一主题

网页美工设计入门详解 - 第三节网页制作流程

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

举报使用道具

| 回复

共1个回复最后回复于 2015-8-5 17:24

yuanxi52028

勤币 614 学币 0

沙发

发表于 2015-8-5 17:24:25 | 只看该作者

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

类的调用方法
<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
如图：

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

等等。

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

本帖子中包含更多资源

您需要登录才可以下载或查看，没有帐号？立即注册

x

举报使用道具

回复支持反对

发新帖

勤学网 关于我们联系我们

快速回复 返回顶部 返回列表