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如何插入图片??
  • 热门搜索
    环保英语手抄报 全国爱眼日手抄报 新学期新气象手抄报图片 一年级清明节手抄报 教师节的手抄报 少年强则国强手抄报 爱我中华手抄报内容 安全教育日手抄报 小学生疫情手抄报 我的书屋我的梦手抄报