Dreamweaver使用Div标签

作者&投稿:堵董 (若有异议请与网页底部的电邮联系)
~
一、Div标签概述
div(Division)元素在文档内定义了一个区域,div元素包括文本、表格、表单、图像、插件等各种页面内容,甚至在div元素内还可以包含div元素。
如果要使div标签显示特定的效果,或者在某个位置上显示HTML内容,就要为div标签定义CSS样式。
使用div标签的方法为:
div HTML内容 /div
如果单独使用div标签,而不加任何CSS样式,那么它的效果和使用p标签是一样的。
二、插入div标签
1. 将鼠标放在要插入div标签的位置上,然后点击“插入”菜单,选择“布局对象”命令,在弹出的子菜单中选择“Div 标签”项。
或者在“插入”面板中选择“布局”项,点击“插入 Div 标签”图标,如下图所示:
2. 点击图标后,打开“插入 Div 标签”对话框,如下图所示:
3. 在“插入 Div 标签”对话框中,可以进行以下操作:
插入:在插入点——在光标放置的位置上插入div标签;在开始标签之后——在body标签的后面插入div标签;在结束标签之前——在/body结束标签的前面插入div标签。
类:选择一个类。请阅读CSS样式表教程:类选择器。
ID:选择一个ID。请阅读CSS样式表教程:id选择器。
“新建 CSS 规则”按钮:点击此按钮,会打开“新建 CSS 规则”对话框。请阅读在Adobe Dreamweaver CS4中使用CSS样式表的方法。
提示:使用“新建 CSS 规则”,可以添加div标签的类和ID。
4. 在对话框中设置好各项以后,或者不进行设置,单击“确定”按钮,即可将div标签插入到文档中。如下图所示:
5. 在文档的“设计”视图中点击div标签框线,选中div标签,如下图所示:
6. 可以打开div标签“属性”面板,如下图所示:
Div ID:选择一个ID。请阅读CSS样式表教程:id选择器。
类:选择一个类。请阅读CSS样式表教程:类选择器。
“CSS面板”按钮:在弹出的窗口中可以创建新的CSS规则或者添加附加样式表。
三、在div标签内输入内容
在该标签的框线内单击鼠标左键,将光标定位到框线内就可以输入内容了。
四、删除div标签
在“设置”视图中选中div标签(二.5有选择的方法),按Delete键即可删除。
五、div标签嵌套
单击鼠标左键,将光标定位到div标签内,可以继续插入div标签。
六、Div+CSS
DIV+CSS是网站标准中的常用术语之一,是为了与HTML网页中的表格(table)定位方式加以区分。在XHTML网站设计标准中,主要采用DIV+CSS的方式来实现网页内容的定位,而不再使用表格的定位方式。



reamweave 鼠标经过时变成另一种文字以及颜色 怎么做? 1 人关注 0...
手机版 我的知道 reamweave 鼠标经过时变成另一种文字以及颜色 怎么做? 1 人关注 0 条评论 10  我来答 分享 微信扫一扫 网络繁忙请稍后重试 新浪微博 QQ空间 举报 可选中1个或多个下面的关键词,搜索相关资料。也可直接点“搜索资料”搜索整个问题。 weave 鼠标 颜色 文字 关注 搜索资料 本地图片 图...

瑞昌市19245895420: 怎样在DreamWeaver中插入DIV标签进行布局 -
郁纨果复: 你对使用DIV标签进行布局的方法是否了解,这里向大家简单介绍一下,DreamWeaver使您能够快速插入DIV标签并对其应用现有样式.您可以将Dreamweaver设计文件用作CSS布局的起始点.DreamWeaver插入DIV标签进行布局可以使用DIV...

瑞昌市19245895420: 如何在dreamweaver中快速插入<div></div>标签 -
郁纨果复: 如果觉得手写div慢的话可以设置个快捷键. 编辑>快捷键>找到插入>布局对象>div标签,在下面设置个热键

瑞昌市19245895420: Dreamweaver中怎么用DIV?? -
郁纨果复: 基本格式:xxxxxxxxxxxxxxxxx开头 调用CSS样式 内容 结尾 给你打个比方: 网页上这个字体要什么颜色 要粗体还是斜体 或者背景图是什么 就是美化····够简单了吧

瑞昌市19245895420: dreamweaver如何使用div标签定位布局 -
郁纨果复: 对于html文档结构是手动输入为主,一般不用dw等辅助软件.对于css,新手一般是通过dw来实现的,而对于老手来说完全以手动输入为主,因为css是很简单的一种代码.主要是多实践,多思考,多动手做一些实验.遇到问题及时上网查答案,及时解决.这样提高会很快的.

瑞昌市19245895420: dreamweaver cs3的div标签要怎么用
郁纨果复:加入CSweaver文件夹即可使用

瑞昌市19245895420: 怎样在Dreamweaver 8中插入div标签 -
郁纨果复: 用设计界面插入“div标签”.既然第一个成功了,在代码视图中看看你插入的标签的格式,第二个按照这种方法再做呗.

瑞昌市19245895420: Dreamweaver里的DIV标签是干什么用的?有什么好处
郁纨果复: 加载的比较快 传统的table页面需要把整站加载后一起显示因为整个页就是个大table 而div,是以div为单位,<div></div>加载一部分显示一部分 div极大化的简洁了代码 减少宽带量

瑞昌市19245895420: 什么是DIV?如何在dreamweaver中使用这种技术? -
郁纨果复: CSS单元的位置和层次-div标签 我们都知道,在网页上利用HTML定位文字和图像是一件“令人心痛”的事情.我们必须使用表格标签和隐式GIF图像,即使这样也不能保证定位的精确,因为浏览器和操作平台的不同会使显示的结果发生变化....

瑞昌市19245895420: Dreamweaver 中的DIV标签如何插入,ur li 如何写有这方面的视频教程更好,满意的话追加分的. -
郁纨果复: 查看-表格模式-标准模式 布局模式下绘制 AP-DIV,点击绘制绘制 AP-DIV,然后你就可以工作区直接拖出来了, 或者你可以手写div,网上有蛮多的教程啊,http://www.putaojiayuan.com/,你可以去看下吧

瑞昌市19245895420: Dreamweaver中Div标签是干嘛用的 -
郁纨果复: HTML <div> 标签 定义和用法<div> 可定义文档中的分区或节(division/section).<div> 标签可以把文档分割为独立的、不同的部分.它可以用作严格的组织工具,并且不使用任何格式与其关联.如果用 id 或 class 来标记 <div>,那么该标签...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网