dw怎么源代码将css代码分开

html-css029

dw怎么源代码将css代码分开,第1张

您好,要将dw源代码css代码分开,需要以下方法:1,新建一个html文件,命名为test.html,用于讲解怎么把css从html里分离出来。

2,在test.html文件中,使用div标签创建一行文字,下面将在css文件中定义div的样式。

3,在test.html文件中,给div设置class属性,例如,设置为mydiv。

4,新建一个css文件,命名为test.css,用于编写div的样式。

5,在test.css文件中,给类名为mydiv的div设置css样式,使用font-size定义div文字的大小为20px,使用color定义div的文字的颜色为红色。

6,在test.html文件中,通过link标签引入外部的css文件,实现给页面中的div设置css样式 。

7,在浏览器打开test.html文件,就可以了。

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

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

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

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

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