在html中,引入css的方法主要有行内式、内嵌式、导入式和链接式4种。
1、行内式:即在标记的style属性中设定css样式，这种方式本质上没体现出css的优势，因此不推荐使用。
<p style="color: red; margin-left: 20px"> This is a paragraph </p>
2、嵌入式:在对页面中各种元素的设置集中写在<head>和</head>之间的，对于单个页面来说，这种方式很方便。
<head><style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style></head>3、导入式:导入式格式如下：
<style type="text/css">
@import url("testCss.css");
</style>4、连接式:格式如下：
<link href="mystyle.css" rel="stylesheet" type="text/css"/>
采用后两种方式后的显示效果略有区别，区别如下：
@import是CSS提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载CSS文件，还可以定义RSS，rel连接属性等；
加载页面时，link引入的CSS被同时加载，@import引入的CSS将在页面加载完毕后加载；
link标签作为HTML元素，不存在兼容性问题，而@import是CSS2.1才有的语法，故老版本浏览器（IE5之前）不能识别；
可以通过JS操作DOM，来插入link标签改变样式；由于DOM方法是基于文档的，无法使用@import方式插入样式；
推荐：html学习教程
以上就是如何在html加入css？的详细内容，更多请关注0133技术站其它相关文章！
