189 8069 5689
有两种方式
成都创新互联主营隆德网站建设的网络公司,主营网站建设方案,app软件定制开发,隆德h5重庆小程序开发搭建,隆德网站营销推广欢迎隆德等地区企业咨询
1、在head标签之间添加style标签
2、直接在HTML代码里添加style属性，然后在属性里定义css代码
3、也可以将1中的style标签里的内容放到一个css文件里，然后在html页面引用这个文件也是一样的效果
link href="css文件路径" rel="stylesheet" !--这样就可以了，尽量代码简洁--
4、下面是我的HTML代码
[img]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
在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
有四种方式，行内样式，内嵌式，链接和导入式
行内呢是在标签里直接写，比如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"
/