在html中引入CSS样式的方式，请分别叙述？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在html中引入CSS样式的方式，请分别叙述？相关的知识，希望对你有一定的参考价值。
有三种方式：1、内联：在html标签内用style属性添加CSS，如：
<span style="font-size:12px">字体大小为12像素</span>
2、外联：在HTML的head区块内用<style>...</style>标签来添加CSS，如：
<style>
.zt font-size:12px
</style>
<span class=zt>字体大小为12像素</span>
3、导入或链接：把CSS放入单独的文件，然后通过Import或Link连接到HTML内，如：
<style>@Import url("main.css");</style>
或
<link rel="StyleSheet" href="main.css" type="text/css" /> 参考技术A 可以通过外部调用的方式<link rel="stylesheet" type="text/css" href="css/cai.css" />单独写一个cai.css的样式，在页面里面调用，也可以在元素里面写样式，比如<div style="width:185px;margin-bottom:5px;float:left; display:inline;"> 这个样式就写在div中了，或者写在页面的，<html>
<head>
<style type="text/css">
h1 color:red
p color:blue
</style>
</head>
<body>
<h1>Header-1</h1>
<p>This is a paragraph.</p>
</body>
</html>
的<head>标签下面，用<style></style>标签括起来，调用就跟上面的代码一样。 参考技术B 朋友，你的问题就不明确啊，你是问怎样引入的，还是这句话什么意思呢，
意思：html文件为网页文件，引入css样式就是用css控制html网页文件中的文字、图片等的位置（上、下、左、右）、样式、颜色等等，让网页更好看。
引入方式：将此代码<link href="此处为css样式表路径" rel="stylesheet" type="text/css" />
在HTML中使用CSS样式的几种方式
在html网页中引入引入css主要有以下四种方式：（1）行内式
网页中css的导入方式
（2）嵌入式
嵌入式一般写在head中，对于单个页面来说，这种方式很方便。
（3）导入式
<!-- 导入外部样式：在内部样式表的标记之间导入一个外部样式表，导入时用@import。 -->
（4）链接式
导入式和链接式差不多，都是从外部引入css文件。但是链接式对于客户端用户浏览网站时，效果会好些。 参考技术A 四种样式的优先级别是(从高至低)：行内样式、内嵌样式、链接样式、导入样式。 参考技术B 在头部写标签style
在外部建立css文件 在html内引入该css文件
在标签上直接写行内样式 style=''
用js动态添加行内样式
以上是关于在html中引入CSS样式的方式，请分别叙述？的主要内容，如果未能解决你的问题，请参考以下文章
CSSCSS 层叠样式表 ③ ( CSS 引入方式 - 外链式 | CSS 样式规则 )