CSS主要用来设计网页的样式，美化网页；它不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
那么怎么在html中定义css？css里四种不同的定义分别为什么？
html中定义css的四种不同方法：
行内样式
内嵌式
链接式
导入样式
行内样式（使用style属性，在HTML标签内使用）
在HTML标签的style属性中设定CSS样式
<p style="color: #FF0000;">行内样式</p>
建议不要使用内联CSS，因为每个HTML标记都需要单独设置样式，如果您只使用内联CSS，管理网站可能会变得十分困难。但是，它在某些情况下很有用。例如，在您无法访问CSS文件或仅需要为单个元素应用样式的情况下。
内嵌式（内部样式表）
内嵌css样式就是使用style标签把css代码放在特定页面的<head>部分中。内嵌CSS需要放在<style></style>标签之间。
<style>
bdoy{font-size:14px;}
</style>仅在该特定页面上处于活动状态。每次页面加载时都会下载以这种方式嵌入的CSS样式，这样可以提高加载速度。在某些情况下使用内嵌样式表很有用，比如：向某人发送页面模板， 因为一切都在一个页面中，所以看到预览要容易得多。
链接式（外部样式表）
使用link标签，将外部css文件链接到HTML中
<link> 标签定义文档与外部资源的关系。<link> 标签最常见的用途是链接样式表。此元素只能存在于 head 部分，不过它可出现任何次数。
<head> <link rel="stylesheet" type="text/css" href="style.css" /> </head>
说明：
这种方法会以网页文件主体装载前装载CSS文件，因此显示出来的网页从一开始就是带样式的效果的，它不会象导入式那样先显示无样式的网页，然后再显示有样式的网页。
导入样式（外部样式表）
使用@import规则，将外部css文件链接到HTML中
CSS @import规则，用于从其他样式表导入样式规则。这些规则必须先于所有其他类型的规则，@import不能在条件组的规则中使用。
<style type="text/css">
@import url("css/Demo.css");
</style>说明：
这种方法会在整个网页装载完后再装载CSS文件，因此这就导致了一个问题，如果网页比较大则会儿出现先显示无样式的页面，闪烁一下之后，再出现网页的样式。这是导入式固有的一个缺陷。
导入和链接的区别为，导入时一次加载，而链接是在需要其样式的时候再去加载，所以链接式的性能更高一点。 尤其是在第一次加载 。
更多前端开发知识，请查阅 HTML中文网 ！！
以上就是css里四种不同的定义分别为什么？的详细内容，更多请关注0133技术站其它相关文章！
