189 8069 5689
1、创建使用css样式表有三种，分别是外部样式表，内部样式表和内联样式。下面通过一个小demo演示它们的用法，首先新建一个html文件，放入3个button按钮，给前两个按钮分别设置class属性为btn1和btn2：
让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：域名注册、虚拟主机、营销软件、网站建设、称多网站维护、网站推广。
2、接着准备一个css文件，命名为demo.css，在文件内写入按钮A的样式，保存css文件：
3、回到刚才的html文件，在style标签中用link标签引入上一步创建的css文件，这就是外联样式的用法，总结就是创建好的css文件内写好样式，然后在html文件中用link标签引入即可，这也是大部分网站使用的方法，因为其引入方便，管理起来也比较方便：
4、接着是内部样式表的使用，这里直接在head标签里创建style标签，在里面加入btn2的样式。对于内部样式表简单的html文件，内部样式是很方便的，但是结构复杂的html文件使用它就会让文件显得很混乱：
5、最后是内联样式的使用，直接在第三个标签内使用style属性加入样式就可以了：
6、最后保存html文件，打开浏览器可以看到三个按钮的样式都出现了。以上就是css样式表的制作方法：
1、先启动DW软件，新建文档，文档类型选择【/HTML】-【XHTML1.0】，然后点击【创建】。
2、点击创建后，DW会为之创建一个HTML文件，我们在body标签中加入一个div标签组。
3、然后在div标签中输入下图中的代码，style代表了这个div直接添加了CSS样式，这样就成功了。样式要在英文的引号中，否则是不起作用的。
在HTML中插入CSS的方法主要有三种，它们分别是内联样式、内部样式、链接式和外部样式。
1.内联样式
内联样式是在标记的style属性中设定CSS样式。如下面的例子将h1的内容标记为黑底白字。
2.内部样式表
内部样式是将CSS样式集中写在网页的head/head标签对的style/style标签对中。如对本网页所有的h1标记都设置为黑底白字：
3.外部样式表
当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。CSS样式定义在.css文件中，可以通过一定的规则在HTML页面中进行引用，这种又分为两种方式：
导入式
导入式使用CSS规则引入外部.css文件，语法如下：
4.
链接式
链接式使用HTML规则引入外部CSS文件，它在网页的head/head标签对中使用link标记来引入.css文件，使用语法如下：
1.首先打开EditPlus软件，新建一个样式表文件，写入一些样式，如下图所示。
2.接下来我们在建立一个样式表文件，在这个样式表文件中通过import属性导入上一个样式表，如下图所示。
3.然后在html中我们用link标签导入上面声明的样式文件，如下图所示。
4.接下来我们运行HTML文件，我们可以看到虽然只导入了一个样式文件，但是两个样式表的样式都加载进来了，如下图所示。
5.另外在运用import的时候一定不要放在样式下面，如下图所示，这样是不生效的。
6.最后运用import导入样式也不要忘了分号，如下图所示，忘了分号也是不生效的。
在网页中插入CSS样式表有四种方法
链入外部样式表
链入外部样式表是把样式表保存为一个样式表文件，然后在页面中用link标记链接到这个样式表文件，这个link标记必须放到页面的head区内，如下：
head
……
link href="mystyle.css" rel="stylesheet" type="text/css" media="all"
……
/head
内部样式表
内部样式表是把样式表放到页面的head区里，这些定义的样式就应用到页面中了，样式表是用style标记插入的，从下例中可以看出style标记的用法：
head
……
style type="text/css"
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
/style
……
/head
导入外部样式表
导入外部样式表是指在内部样式表的style里导入一个外部样式表，导入时用@import，看下面这个实例：
head
……
style type=”text/css”
!--
@import “mystyle.css”
其他样式表的声明
--
/style
……
/head
内嵌样式
内嵌样式的使用是直接将在HTML标记里加入style参数。
p style="color: sienna;margin-left: 20px;"
这是一个段落
/p
html引用css方法如下：
1、直接在div中使用css样式制作div+css网页
2、html中使用style自带式
3、使用@import引用外部CSS文件
4、使用link引用外部CSS文件 推荐此方法
解html引用css方法的例子
1、直接在html标签元素内嵌入css样式，如div style="font-size:14px; color:#FF0000;"我是div css测试内容-支持/div 效果如下图
2、在html头部head部分内style声明插入代码如下：
style type="text/css"
!--
.ceshi {font-size:14px; color:#FF0000;}/*这里是设置CSS的样式内容*/
--
/style
具体方法如下图：
3、使用@import引用外部CSS文件方法
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"
html xmlns="
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
titlecss引用方法实例-测试实例/title
style type="text/css"
!--
@import url(wcss.css);/*这里是通过@import引用CSS的样式内容*/
--
/style
/head
body
div class="ceshi"我是div css测试内容支持/div
/body
/html
Wcss.css文件内代码.ceshi {font-size:14px; color:#FF0000;}
效果如下图：
可以看出使用此方法和使用自带式引用css样式表方法有相同处，都是需要在html的head内使用style标签引用外部css。
4、使用link来调用外部的css文件
在head放置link rel="stylesheet" href="wcss.css" type="text/css" /来调用外部的wcss.css文件来实现html引用css文件
详细如下图
此方法就不需要style标签，而是直接通过link一个样式来引用外部样式
一般推荐使用link来引用外部的css样式方法。