1.首先打开EditPlus软件，新建一个样式表文件，写入一些样式，如下图所示。
创新互联专注于企业成都全网营销、网站重做改版、崇川网站定制设计、自适应品牌网站建设、HTML5建站、商城建设、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为崇川等各大城市提供网站开发制作服务。
2.接下来我们在建立一个样式表文件，在这个样式表文件中通过import属性导入上一个样式表，如下图所示。
3.然后在html中我们用link标签导入上面声明的样式文件，如下图所示。
4.接下来我们运行HTML文件，我们可以看到虽然只导入了一个样式文件，但是两个样式表的样式都加载进来了，如下图所示。
5.另外在运用import的时候一定不要放在样式下面，如下图所示，这样是不生效的。
6.最后运用import导入样式也不要忘了分号，如下图所示，忘了分号也是不生效的。
在网站的head头部中加入link标签即可引入，如下：
head
meta charset="UTF-8"
meta name="viewport" content="width=device-width, initial-scale=1"
title用户鉴权认证中心/title
meta name="keywords" content="" /
meta name="description" content="" /
link rel="stylesheet" type="text/css" href="/static/vendor/bootstrap/css/bootstrap.min.css"
link rel="stylesheet" type="text/css" href="/static/fonts/font-awesome-4.7.0/css/font-awesome.min.css"
link rel="stylesheet" type="text/css" href="/static/fonts/iconic/css/material-design-iconic-font.min.css"
link rel="stylesheet" type="text/css" href="/static/css/util.css"
link rel="stylesheet" type="text/css" href="/static/css/main.css"
/head
有四种方式，行内样式，内嵌式，链接和导入式
行内呢是在标签里直接写，比如div
style="text-align:center;
width:750px;"
内嵌是写在head/head之间，例如：style
type="text/css"
!--
body
{margin:0
auto;padding:0;font-family:"宋体";font-size:12px;
color:#000000;text-align:center}
--
/style
链接和导入没有什么太大的区别，需要简历外部CSS文件，在GW中按ctrl+n有那选项
之后在页面head/head之间加入CSS文件所在路径调用，如下，link
href="CSS/CSS1.css"
rel="stylesheet"
type="text/css"
/
在jsp中加入css样式，就跟html加入的方式一样，具体有以下三种方式：
1、 外部样式
当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用link标签链接到样式表。link标签在（文档的）头部：
head
link rel="stylesheet" type="text/css" href="path/myCss.css"/
/head
2、内部样式
当单个文档需要特殊的样式时，就应该使用内部样式表。可以使用style标签在文档头部定义内部样式表。
head
style type="text/css"
样式
/style
/head
3、内联样式
当样式仅需要在一个元素上应用一次时, 要使用内联样式，你需要在相关的标签内使用样式（style）属性。Style属性可以包含任何CSS属性。由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。请慎用这种方法
div style="width:100px"/div
内联样式的优先级最高，其次是内部样式，外部样式的优先级是最低的。
在jsp页面添加css样式的方法：
和html加入的方式一样，在head标签之内，title标签之外写style/style开闭标签，具体样式内容写到开闭标签之内。示例如下：
head
title/title
style.input{ color:#f00;}/style
/head
其中，style.span{ color : red;}/style表示将span标签的内容置为红色。
扩展资料
上述加css样式的方法是内部样式，除了内部样式还有外部样式和内联样式。内联样式的优先级最高，其次是内部样式，外部样式的优先级是最低的。
1、 外部样式
当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，可以通过改变一个文件来改变整个站点的外观。每个页面使用link标签链接到样式表。link标签在（文档的）头部，例如：
head
link rel="stylesheet" type="text/css" href="path/linkcss.css"/
/head
2、内联样式
当样式仅需要在一个元素上应用一次时, 要使用内联样式，需要在相关的标签内使用样式（style）属性。Style属性可以包含任何CSS属性。由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。例如：
span style="hight:1000px"/span
即使用style属性，将CSS直接写在HTML标签中。 例如：p style=color:red这行段落将显示为红色。/p 注意：style属性可以用在body内的所有（X）HTML标签上，但不能应用与body以外的标签，如titlehead等标签。 二，嵌入式样式表（Embedded Style Sheets） 嵌入式样式表使用style/style标签嵌入到（X）HTML文件的头部中，代码如下： head style type=text/css !-- .class{ color:red;} -- /style /head 注意：对于一些不能识别style标签的浏览器，使用（X）HTML的注释标签!-- 注释文字 --把样式包含进来。这样源码天空 ，不支持style标签的的浏览器会忽略样式内容，而支持style标签的浏览器会解读样式表。 三，外部样式表（Link Style Sheets） 在head标签内使用link标签将样式表文件连接到（X）HTML文件中。 代码如下：
重庆分公司
重庆分公司
