css 样式的导入的三种方式_IT百科

1.行内样式行内样式只能影响它所在的标签，而且总会覆盖嵌入样式和链接样式。

<p style="font-size: 12pxfont-weight:boldfont-style:italiccolor:red">By adding inline CSS styling to the></p>

2.嵌入样式嵌入样式的应用范围仅限于当前页面。页面样式会覆盖外部样式表中的样式，但会被行内样式覆盖。

<head>

h1 {font-size:16px}

p {color:blue}

</style>

</head>

3.链接样式

样式的写法

例子如下

1 ) p {color:redfont-size:12pxfont-weight:bold}

2 ) h1 {color:bluefont-weight:bold}

h2 {color:bluefont-weight:bold}

h3 {color:bluefont-weight:bold}

3）假设，你在写完前面那条规则后，又想只把h3变成斜体，那可以再为h3写一条规则：

h1, h2, h3 {color:bluefont-weight:bold}

h3 {font-style:italic}

在jsp页面添加css样式的方法：

和html加入的方式一样，在head标签之内，title标签之外写<style></style>开闭标签，具体样式内容写到开闭标签之内。示例如下：

<head>

</head>

其中，<style>.span{ color : red}</style>表示将span标签的内容置为红色。

扩展资料

上述加css样式的方法是内部样式，除了内部样式还有外部样式和内联样式。内联样式的优先级最高，其次是内部样式，外部样式的优先级是最低的。

1、外部样式

当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，可以通过改变一个文件来改变整个站点的外观。每个页面使用<link>标签链接到样式表。<link>标签在（文档的）头部，例如：

<head>

</head>

2、内联样式

当样式仅需要在一个元素上应用一次时, 要使用内联样式，需要在相关的标签内使用样式（style）属性。Style属性可以包含任何CSS属性。由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。例如：

第一种方法是行内样式,就是直接把CSS代码添加到html的标签中,作为标签的一种属性存在。

第二种方式是内嵌样式,就是将CSS代码添加到<head></head>之间,并用<style></sty...

第三种方法是链接样式,就是将“页面内容”和“样式代码”分类成两个文件或多个文件,实现html代码和css代码的完全分离。

欢迎分享，转载请注明来源：内存溢出

css 样式的导入的三种方式