dw上怎么用css编辑div

html-css017

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

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

2.

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

3.

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

CSS就是为HTML里的标签做样式,达到你想要的效果。

像<head><body>这些标签是你在新建html文件时,会自动产生的,所以你要是在dreamweaver里编辑的话就不需要记了。

像div,p,ul这些标签的话,你也不要死记,你知道它们的作用就可以了。

要写CSS就是要写标签的属性,你自己在做的时候,想要什麼效果,自然就会想到哪条属性,这些属性像padding,margin,border之类的都是通俗易懂的。

其实学这个主要是要多练习,开始你是要把基础知识了解好,多练习书上例子,先照书上做了,然后再自己做一遍。在网上看到什麼效果,尝试著去做。不懂的就可以摆渡上问问,前提是自己要多多思考。

最恼火的就是浏览器的兼容问题,这个你可以在网上找找有很多相关的。做得多了,其实问题就那几个,熟了就明白了。

多练习是最好的学习!

1、创建css样式,点击窗口\css样式,可以打开css样式编辑窗口,还可以直接在属性面板内创建。

2、点击属性面板的编辑规则,或者是css样式窗口的+号就可以打开新建css规则对话框。

3、选择要创建的css样式的内容。比如要为段落更改样式。

4、在弹出的定义对话框中,选择要更改的各种属性。比如把段落的字体大小改为16px,字体颜色改为红色。

5、点击确定,发现段落中的文字就出现了相应的效果。在<head>中条件了css样式代码。