请DW高手进来解答下边这个代码每一条代码的意思,谢谢

<body>
<div class="box1">
<img src="1.jpg" />
<div class="boxDis1">
<span class="span1"></span>
<span class="span2">小猫</span>
</div>
</div>

<body> 网页的主要区域

<div class="box1"> 一个div 用了叫 box1 的css 样式
<img src="1.jpg" /> 插了一个 叫1.jpg 的图片

<div class="boxDis1"> 又一个div 用了 boxDis1的css 样式
<span class="span1"></span> 一个 span 用了span1 的css样式 这是一个空行没有文字
<span class="span2">小猫</span> 一个 span 用了span2的css样式 这一行 有小猫两个字
</div> div 结束

</div> div 结束

上面提到的
<span> 在定义中属于一个行内元素,在行内定义一个区域,也就是一行内可以被 <span> 划分成CSS好几个区域,从而实现某种特定效果。 <span> 本身没有任何属性。 <div> 在CSS定义中属于一个块级元素 <div> 可以包含段落、标题、表格甚至其它部分。这使DIV便于建立不同集成的类,如章节、摘要或备注。在页面效果上,使用 <div> 会自动换行,使用 <span> 就会保持同行。

css:级联样式表(Cascading Style Sheet)简称“CSS”,通常又称为“风格样式表(Style Sheet)”,它是用来进行网页风格设计的。比如,如果想让链接字未点击时是蓝色的,当鼠标移上去后字变成红色的且有下划线,这就是一种风格。通过设立样式表,可以统一地控制HTML中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表,可以扩充精确指定网页元素位置,外观以及创建特殊效果的能力。
写的够详细了吧追问

嗯,谢谢啊,你很细心,我是个初学者,看了是了解了点,但是,请问 dreamweaver如何让鼠标经过图片的时候图片多了一个玻璃的透明状态?而且,可以在玻璃层上显示字体?
谢谢啊

追答

什么叫多了一个玻璃的透明状态?。。。

追问

就是鼠标经过的图片的时候图片上边有个玻璃图层,玻璃图层上边有字!
http://pan.baidu.com/share/link?shareid=2926613715&uk=2971566877&app=zd
就是这个链接的文件里边这种样子的效果,谢谢

追答

汗 你这是 两个问题啊 才5分。。。。
好吧 解释下吧 他这是用jquery 弄的
引入 jquery

下面的js 实现了 鼠标移动到图片上 的时候 将
(".boxDis1").css({"display":"block"});
的display 属性变成了 block
鼠标移出图片时将
$(".boxDis1").css({"display":"none"});
display属性变成了 none

$(function(){
$(".box1").mouseover(function(){
$(".boxDis1").css({"display":"block"});
})
$(".box1").mouseout(function(){
$(".boxDis1").css({"display":"none"});
})
})
这是第一个图 下面那个图和它道理是一样的

谢了这么多 采纳吧 亲。。。

追问

谢谢你啊,我是看得懂个大概,但是初学者还是不懂!在DW上弄了很久还是不可以!就麻烦您给我编个代码!
谢谢

追答

你想实现啥效果呢?。。。。。

温馨提示:内容为网友见解,仅供参考
第1个回答  2013-09-11
1<body> //body标签 配对标签为9
2<div class="box1"> //class为box1的div标签 配对标签为8
3 <img src="1.jpg" /> //图片标签 单独使用在‘>’前用‘/’作为结束
4 <div class="boxDis1"> //class为boxDis1的div标签 配对标签为7
5 <span class="span1"></span> //class为span1的span标签
6 <span class="span2">小猫</span>//class为span1的span标签
7 </div> // '/'作为这个标签的结束标签
8</div> 同上

9</body>//这是缺少的body标签
如果要理解以上代码的含义需要知道html标签通常是成对出现的,例如<div>...</div>,当然也有特殊的像img可以单独使用不过后边规范来讲还是需要加上‘/’,每一对标签可以理解为一个盒子,标签当中有其他标签,就可以理解为盒子里套盒子,每一个标签都有其自己的特性,在这里body标签就是我们在浏览器显示页面内容的部分,定义了显示部分的范围,在他里面的其他标签则是我们想要定义范围的边界,img标签就是用来显示图片的,src后边跟的就是图片的地址,span标签相对div,可以理解为原样显示标签包裹着的内容,class就是我们自己定义的样式本回答被网友采纳
第2个回答  2013-09-12
两层div 外层div是第一个box,里面有张图片和一层div,第二层div中有两个span,添加文字的追问

谢谢,请您编个代码例子给我看看,好吗?

请DW高手进来解答下边这个代码每一条代码的意思,谢谢
小猫 一个 span 用了span2的css样式 这一行 有小猫两个字 div 结束 div 结束 上面提到的 在定义中属于一个行内元素,在行内定义一个区域,也就是一行内可以被 划分成CSS好几个区域,从而实现某种特定效果。 本身没有任何属性。 在CSS定义中属于一个块级元素 可以包含段落、标题、表格...

DW分页代码,如何修改下边这段代码,以实现分页类型为 1 2 3 4 5 6...
有一个插件的。

请问DW中绘制层的问题~~
在layer的css里面,top,bottom,left,right,是绝对位置定位,就是相对于页面的边界来定位层的位置,而margin是相对位置,margin的意思是距离父容器的边界,你可以把层放在div容器里,然后设置相对位置margin(边距),就相当于换了个参照物。建议学习一下css 比如下边的代码中:all{ } Layer1 { position:...

dw如何打入代码DW怎么打代码
第一步:首先在DW的编辑菜单找到参数设置(Ctrl+U)里面的常规一栏中,将“允许双字节内联输入”前面的勾勾取消掉。第二步:在DW的编辑菜单里找到快键设置中先将当前的快捷键方案复制一个副本,然后重新设置显示代码提示的快捷键 第三步:选中代码提示工具,到下边点击修改然后点击确定就可以了。

进程网络信息发现219.141.140.10连出,危险吗?
在启动一个svchost.exe负责的服务时,服务管理器如果遇到可执行程序内容ImagePath已经存在于服务管理器的映象库中,就不在启动第2个进程svchost,而是直接启动服务。这样就实现了多个服务共享一个svchost进程。 3. Svchost代码 现在我们基本清楚svchost的原理了,但是要自己写一个DLL形式的服务,由svchost来启动,仅有上边的信...

如何在Dreamweaver 中插入音乐和视屏,
loop是循环的意思,autostart是自动播放,这儿全部是false,也便是不用的意思; 最后保存一下文件,点预览按钮,点左边的播放按钮,听一下悠扬的乐曲。补充回答:您只需要把“music\/m1.wma”改成您实际音乐的地址即可了。再回补充回答:插入视频的办法: 1)在标签下面的“文档”工具栏中点一下“拆分...

蓝屏代码怎么看
很高兴为您解答:你蓝屏代码是什么啊,发出来我才能知道怎么看1。电脑中存有病毒(打开腾讯电脑管家一杀毒一扫描查杀)如果杀到木马或病毒后,应立即重启, 重启电脑后,来到“隔离|恢复”,彻底删除,木马和病毒!2。电脑系统有顽固的病毒和木马或蠕虫干扰,或者丢失了系统文件(腾讯电脑管家的顽固木马查杀,打开腾讯电脑管家一...

请问使用DW的时候作超级链接的话下边的下划线怎么去掉?
在之间加入以下代码,所有链接就都没有下划线了: <!-- A:link { TEXT-DECORATION: none } A:visited { TEXT-DECORATION: none } A:hover { TEXT-DECORATION: none }-->

上古卷轴5代码
1、player.modav health # 生命 2、player.modav stamina # 耐力 3、player.modav magicka # 魔法 4、player.setav healrate # 生命恢复速度 默认0.7 (打个10战斗中基本血马上就恢复满)5、player.setav magickarate # 魔法恢复速度默认3.0 6、player.setav staminarate # 耐力恢复速度默认20....

DW代码颜色问题
只要不影响到代码的功能就没事,估计你是引号或者尖括号什么的配对不对,或者没有闭合,自己再仔细检查下吧

相似回答
大家正在搜