css 样式的导入的三种方式
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 样式的导入的三种方式相关的知识，希望对你有一定的参考价值。
参考技术A 1.行内样式 行内样式只能影响它所在的标签，而且总会覆盖嵌入样式和链接样式。<p style="font-size: 12px; font-weight:bold; font-style:italic; color:red;">By adding inline CSS styling to the></p>
2.嵌入样式 嵌入样式的应用范围仅限于当前页面。页面样式会覆盖外部样式表中的样式，但会被行内样式覆盖。
<head>
<style type="text/css">
h1 font-size:16px;
p color:blue;
</style>
</head>
3.链接样式
<link href="styles.css" rel="stylesheet" type="text/css" />
样式的写法
例子如下
1 ) p color:red; font-size:12px; font-weight:bold
2 ) h1 color:blue; font-weight:bold;
h2 color:blue; font-weight:bold;
h3 color:blue; font-weight:bold;
3）假设，你在写完前面那条规则后，又想只把h3变成斜体，那可以再为h3写一条规则：
h1, h2, h3 color:blue; font-weight:bold;
h3 font-style:italic;
在HTML中使用CSS样式的几种方式
在html网页中引入引入css主要有以下四种方式：（1）行内式
网页中css的导入方式
（2）嵌入式
嵌入式一般写在head中，对于单个页面来说，这种方式很方便。
（3）导入式
<!-- 导入外部样式：在内部样式表的标记之间导入一个外部样式表，导入时用@import。 -->
（4）链接式
导入式和链接式差不多，都是从外部引入css文件。但是链接式对于客户端用户浏览网站时，效果会好些。 参考技术A 四种样式的优先级别是(从高至低)：行内样式、内嵌样式、链接样式、导入样式。 参考技术B 在头部写标签style
在外部建立css文件 在html内引入该css文件
在标签上直接写行内样式 style=''
用js动态添加行内样式
以上是关于css 样式的导入的三种方式的主要内容，如果未能解决你的问题，请参考以下文章