可以用以下三种方式将样式表调入你的网页
创新互联于2013年成立，先为长宁等服务建站，长宁等地企业，进行企业商务咨询服务。为长宁企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
1、链入外部样式表文件 (Linking to a Style Sheet)
你可以先建立外部样式表文件（.css），然后使用HTML的link对象。示例如下：
head
titletitle of article/title
link rel=stylesheet href="" type="text/css"
/head
2、定义内部样式块对象 (Embedding a Style Block)
你可以在你的HTML文档的HTML和BODY标记之间插入一个STYLE.../STYLE块对象。 定义方式请参阅样式表语法。示例如下：
html
style type="text/css"
!--
body {font: 10pt "Arial"}
h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon}
h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue}
p {font: 10pt/12pt "Arial"; color: black}
--
/style
body
3、内联定义 (Inline Styles)
内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。示例如下：
p style="margin-left: 0.5in; margin-right:0.5in"这一行被增加了左右的外补丁p
其中第一种是最常用的，做到了css与布局代码的分离
1、直接在html标签元素内嵌入css样式，如
div style="font-size:14px;color:#FF0000;"
2、在html头部head部分内style声明插入代码如下：
style type="text/css"
!--
.ceshi {font-size:14px; color:#FF0000;}
--
/style
3、在html头部head部分内使用@import引用外部CSS文件方法
style type="text/css"
!--
@import url(wcss.css);
--
/style
Wcss.css文件内代码.ceshi {font-size:14px; color:#FF0000;}
4、在html头部head部分内使用link来调用外部的css文件
在head放置linkrel="stylesheet" href="wcss.css" type="text/css"/来调用外部的wcss.css文件来实现html引用css文件
linkrel="stylesheet" href="wcss.css" type="text/css"/
CSS是一门指定文档该如何呈现给用户的语言。
一、CSS帮助您将文档信息的内容和如何展现它的细节相分离
创建html文档
创建样式表
在与前面相同的目录中，新建另一个文本文件。该文件将成为您的样式表。请将它命名为：style1.css
在您的CSS文件中，复制、粘贴下面的行，并保存该文件:
二、连接您的文档和样式表
为将您的文档和样式表相连，请编辑您的HTML文件。并添加下面高亮的行：
保存该文件并刷新您的浏览器。该样式表将首字母显示为红色，如下所示：
三、rel=“stylesheet”是什么意思呢
范例中呈现的是标准HTML link标签嵌入css档案的写法，其中「rel="stylesheet" type="text/css"」所代表的意思，就是告诉浏览器要导入一个在外部的css档案，透过href导入名为xxxx.css的样式档案。
HTML中常用以下三种方式定义CSS：embedding（嵌入式）、linking（外部引用式）和inline（内联式，也称行内样式）。
一：嵌入式
用户可在HTML文档头部定义多个style元素，实现多个样式表。
Head
style type="text/css"
!--
body {
font-family: "宋体";
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
text-decoration: none;
}
--
/style
二：外部引用式
①可以在多个文档间共享样式表，对于较大规模的网站，将CSS样式定义独立成一个一个的文档，可有效地提高效率，并有利于对网站风格的维护。
②可以改变样式表，而无需更改HTML文档，这也与HTML语言内容与形式分开的原则相一致。
③可以根据介质有选择的加载样式表。
Head
link rel="stylesheet" type="text/css" href="Css.css" /
/Head
三：内联式
使用该属性可以直接指定样式，当然，该样式仅能用于该元素的内容，对于另一个同名的元素则不起作用。
1、样式的属性内容直接跟在将要修饰的文字标记里[如：
2、具体格式： style="font-size:10px;font-color:#ff0000"
例如：修饰单元格里的文字
四：导入样式表
style type="text/css"
!--
@import url("css/base.css");
--
/style
第二：四种样式的优先级
四种样式的优先级别是(从高至低)：行内样式、内嵌样式、链接样式、导入样式。
有三种方法：
行内样式 直接在标签里面添加style属性，在style属性里面写样式即可；
内部样式 在head标签里面通过style标签来写入内部样式；
外部样式 通过link标签引入外部样式表。
