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

html-css026

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、html引入css文件之直接在div中使用css样式制作div+css网页<div style="border:1px red solid">html引入css文件</div>说明：html引入css文件的这种方法不建议使用，因为会让页面的标签很多，看起来很累赘，体现不了css的优势，当然如果你非常想用这种方法，在不经常更改的地方可以用一用，但是还是不推荐。2、html引入css文件之html中使用style自带式直接在header 里面写css<style type="text/css">div{margin: 0padding: 0border:1px red solid}</style>说明：html引入css文件的这种方法适合在页面较少的情况下使用。优点：速度 快，所有的css控制都是针对本页面标签的，没有多余的css命令；再者不用外链css文件。直接在html文档中读取样式。缺点如果页面较多改版会很麻烦，单个页 面显得臃肿，css不能被其他html引用造成代码量相对较多，维护也麻烦些。但是采用这种方法的公司大多有钱，对他们来说用户量是关键，他们不缺人进 行复杂的维护工作。3、html引入css文件之使用@import引用外部CSS文件将一个独立的.css文件引入HTML文件中，导入式使用css规则引入外部css文件，<style>标记也是写在<head>标记中，使用的语法如下：<style type="text/css"> @import"mystyle.css"此处要注意.css文件的路径</style>4、html引入css文件之使用link引用外部CSS文件 在网页的<head></head>标签对中使用<link>标记来引入外部样式表文件，使用html规则引入外部css。<link href="./mystyle.css" rel="stylesheet" type="text/css"/>说明：html引入css文件的这种方法就不需要style标签，而是直接通过link一个样式来引用外部样式，推荐使用link来引用外部的css样式方法。

不太明白你的问题！给你一个例子吧，把下列样式放到记事本里，然后改扩展名为.css\x0d\x0a/* 全局 */\x0d\x0aBody {\x0d\x0aBackground: #FFFFFF\x0d\x0aMargin: 0\x0d\x0aPadding: 0\x0d\x0aFont-Size: 12px\x0d\x0aFont-Family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif\x0d\x0aText-Align: Center\x0d\x0a}\x0d\x0ah1,h2,h3,h4,h5,h6 { Margin: 0Padding: 0Font-Size: 12pxFont-Weight: NormalFont-Family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif}