Dreamweaver网页制作初级教程:样式的编辑

 时间:2024-10-13 07:14:17

1、今天我们看一下,div格式的统一编辑方法。首先我们任意打开一个网站,看一下小编的例子。下图小编每一个框,其实都是一个div格式的范例。

Dreamweaver网页制作初级教程:样式的编辑

2、然后,那么我们会横着分,竖着分怎么分呢,比如下图这样,一个div中间再有其他竖向的div,应该如何来分呢?

Dreamweaver网页制作初级教程:样式的编辑

3、接下来,在上次课 的基础上,我们来看一下,这个整体的样式是如何进行编辑的。

Dreamweaver网页制作初级教程:样式的编辑

4、我们首先看一下,样式的定义方法,对当前页面来说,样式的语句是:<style type="text/css"></style>放在标题下方。

Dreamweaver网页制作初级教程:样式的编辑

5、下边可以输入任意我们自己定义的样式语句,比如我们想要自己的样式名字叫做:sgtjmovie当然这个名字可以随意起,我们只需要输入语句:.sgtjmovie{}

Dreamweaver网页制作初级教程:样式的编辑

6、大括号中间是我们需要定义的样式规则。需要写入相应的语句,比如:我们将下方的属性复制上来width:600p旌忭檀挢x;height:20px;border:solid;margin-left:auto;margin-right:auto

Dreamweaver网页制作初级教程:样式的编辑

7、那我们看一下样式的调用方法,首先我们删除123表格的属性,然后,在1之后输入代码:class="sgtjmovie"看效果

Dreamweaver网页制作初级教程:样式的编辑

8、当然,我们可以将三个表格调用同样的样式来实现。

Dreamweaver网页制作初级教程:样式的编辑

9、怎么样,是不是更方便了。

Dreamweaver网页制作初级教程:样式的编辑
  • flash制作带阴影文本
  • Dreamweaver:[54]网页制作css规则之类型样式
  • PS设计暴风雪的图片
  • 怎样用FLASH制作花环?
  • Dreamweaver如何插入图片??
  • 热门搜索
    冻豆腐的做法大全 打嗝怎么办 鲤鱼怎么做好吃 炼乳的做法 姜汤的做法 腐乳的做法 非牛顿流体怎么做 微信好友删除了怎么找回来 安瓿瓶怎么读 牛腱子肉怎么做好吃