dw上怎么用css编辑div

html-css012

dw上怎么用css编辑div,第1张

打开页面,打开css设计器,添加css源,在页面中定义,切换代码界面,定义名为#box和#text的css样式。

2.

点击插入Div,定义ID为text,点击确定。

3.

点击实时视图即可看到相应的效果。

给你写个例子:

<body>

<div

class="div1">a</div>

<div

class="div2">b</div>

</body>

</html>

<style

type="text/css">

.div1{

width:100px

height:100px

background:red

z-index:1

position:absolute}

.div2{

width:100px

height:100px

background:#09C

z-index:2

position:absolute}

</style>

这样写

显示出来的层就是div2所写的样式,显示出蓝色(div1被覆盖)

如果想让显示出来的是div1的样式,就把div1里面的z-index:X

这里的x只要大于div2里z-index中的值就可以了

:)

好吧,dw其实只是一个编辑器,css+div是属于开发技术(其实是叫html+css, div只是一个标签,在早期的时候是使用table来布局的,但是后来table布局淘汰了,改为使用div来布局),没有那个先后之说,你要使用div+css来进行开发就必须要通过编辑器,当然编辑器有很多,dw只是编辑器其中的一种。

初学者直接在w3c或者菜鸟教程学习就可以。