dreamweaver里样式表中div、 .div、 #div有何不同
作者&投稿:官脉 (若有异议请与网页底部的电邮联系)
在dreamweaver中,常用-布局-绘制层(第三个),然后在设计面版中进行绘制,也就是在设计面版中按住鼠标左键不放,进行拖动,就行,要多大拖动多大.然后选中这个层可以改变这个层的高度与宽度等属性.你想在一行要几层就绘制几个层,这样就行了啊
两者相比差异:
1.据说div+css 比用单用表格的 显示快,但是现实时 我还没发现快多说
2.div+css的结构维护简单,层次分明,不像表格,一个套一个的 套到你自己都不知道 哪里有问题
3.div+css的 更容易被搜索引擎抓取
4.个人感觉用div+css写起来更快,因为网站中肯定有很多页面的结构,或者某些板块的结构是一样的,这样的时候一个css文件可以被很多页面使用,加快了开发的速度,而且改起来写方便,只需要去改css文件即可
还有个人感觉,div+css 和表格并没有觉对的好坏。如果是非常复杂的布局我会用div+css 如果是很简单的一些板块 还是用table更方便点
.div表示class=“div”,就是某个div调用class的命名为div的样式(不要这么命名,很容易出错);
#div与.div类似,表示id=“div”,就是某个div调用id的命名为div的样式(不要这么命名,很容易出错);不过id在同一个页面中只能使用一次,这里说的使用一次只是指这个div命名的id,再用div01、div02等等的id就可以了
提示:样式命名不要直接用div、td、span之类的标签字符命名,就算你想这么命名的话,在后面加个数字就不会出错了,样式命名我们命名规范,这样能让大多数人都很快的了解样式的用途或者意义;
CSS的命名规范
1.id的命名
(1)页面结构
容器: container
页头:header
内容:content/container
页面主体:main
页尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right center
(2)导航
导航:nav
主导航:mainnav
子导航:subnav
顶导航:topnav
边导航:sidebar
左导航:leftsidebar
右导航:rightsidebar
菜单:menu
子菜单:submenu
标题: title
摘要: summary
(3)功能
标志:logo
广告:banner
登陆:login
登录条:loginbar
注册:regsiter
搜索:search
功能区:shop
标题:title
加入:joinus
状态:status
按钮:btn
滚动:scroll
标签页:tab
文章列表:list
提示信息:msg
当前的: current
小技巧:tips
图标: icon
注释:note
指南:guild
服务:service
热点:hot
新闻:news
下载:download
投票:vote
合作伙伴:partner
友情链接:link
版权:copyright
div页面所有的div都会生效 <div></div> <div></div> 定义一次等于整个body内全部定义。
.div 元素上例:class="div"的元素生效 有针对性的定义
#div元素ID为div的生效 例:<a id="div">
段干贾清肝: 你看看是不是这套题 1. 下面关于New Style(新样式)对话框的说法错误的是:D A. 可以选择Make Custom Style(自定义样式) B. 可以选择Redefine HTML Tag(HTML 标签样式) C. 你可以选择Use CSS Selector(CSS 给定的选择用样式) D. 在样...
嘉祥县15216088435: 在Dreamweaver里,dl、dt是什么? - ?
段干贾清肝: 是html代码,具体如下: <dl>标记定义了一个定义列表,定义列表中的条目是通过使用<dt>标记(“definition title”,定义标题)和 <dd>标记(“definition description”,定义描述)创建的.<dt>给出了术语名,<dd>标记给出了术语的定义. 一个定义列表中可以有多个术语名对应同一个给出的定义,也可有多重定义对应于一个术语名.同时也可以只给出术语名称而不对应定义,反之亦然.当然,这种结构往往并无实际意义,我们可以通过样式表,很轻松的实现这3个标记所达到的效果.
嘉祥县15216088435: 急 来网页高手 Dreamweaver 小弟复制点题 交网络课作业 - ?
段干贾清肝: C A A 取消 ctrl+f3 0 合并所选单元格,使用跨度 绘制矩形热点 绘制椭圆形热点 绘制多边形热点 fireworks HTML 文本文档 A C A A A B C 新建 保存 字母 标签选择器 ID选择器 高级选择器 复合选择器 结构和内容 类型 背景 区块 方框 边框 列表 定位 扩展 规则 .css 行内css样式插入
嘉祥县15216088435: dreamweaver里样式表中div、 .div、 #div有何不同 - ?
段干贾清肝: div表示的是页面中所有的div都调用这个样式.div表示class=“div”,就是某个div调用class的命名为div的样式(不要这么命名,很容易出错);#div与.div类似,表示id=...
嘉祥县15216088435: 如何用Dreamweaver 8 创建css样式表代码 - ?
段干贾清肝: 1、创建css样式,点击窗口\css样式,可以打开css样式编辑窗口,还可以直接在属性面板内创建. 2、点击属性面板的编辑规则,或者是css样式窗口的+号就可以打开新建css规则对话框. 3、选择要创建的css样式的内容.比如要为段落更改样式.4、在弹出的定义对话框中,选择要更改的各种属性.比如把段落的字体大小改为16px,字体颜色改为红色.5、点击确定,发现段落中的文字就出现了相应的效果.在中条件了css样式代码.
嘉祥县15216088435: 在DreamWeaver中,创建的CSS样式表有哪几种类型,分别介绍各种类型的作用 - ?
段干贾清肝: 样式表类型 1、内联样式表 直接在HTML标记内,插入sytle属性,再定义要显示的样式,这是最简单的样式定 义方法.不过,利用这种方法定义样式时,效果只可以控制该标记,其语法如下: 如: 2、 嵌入样式表 …… 标签对中,被输入的css文件中的样式规则定义语句就成了 标签对中的语句.
嘉祥县15216088435: dreamweaver创建css样式表中给出的第一,二行代码是什么意思? - ?
段干贾清肝: 第一行是 网页语言编码声明 编码标准 就是utf-8,可以用别的比如 简体中文 是gb2312 utf-8是国际通用的 第二行是 css 中注释 这里的意思是 告诉你 这是css文档 在/* */ 中间的内容 你可随便打,浏览器 是忽略的,是给人看的
嘉祥县15216088435: 在Dreamweaver中,下面关于建立新层的说法正确的是: - ?
段干贾清肝:[选项] A. 不能使用样式表建立新层 B. 利用样式表建立新层,层的位置和形状不可以和其他样式因素组合在一起 C. 通过样式表建立新层,层的样式可以保存到一个独立的文件中,可以供其他页面调用 D. 以上说法都错
嘉祥县15216088435: Dreamweaver中css样式表?
段干贾清肝: CSS(Cascading Stylesheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一.使用CSS能够简化网页的格式代码,加快下载显示的速度,也减少了需要上传的代码数量,大大减少了重复劳动的工作量.尤其是当你面对的是有数百个网页的站点时,CSS简直象是神对我们的恩赐!^_^