css引入的几种方式-CSDN博客

第二章：css工作原理

一、为文档添加样式的三种方法：

行内样式：

1. 行内样式：行内样式是写在html标签的style属性里面的。
2. 特点：行内样式的作用非常有限，行内样式只能影响它所在的标签，而且总归覆盖嵌入样式和链接样式。
复制代码

    <p>This paragraph simply takes on the browser's default paragraph style.</p>
    <p style="font-size: 12px; font-weight:bold; font-style:italic; color:red;">
        Byadding inline CSS styling to this paragraph, you override the default styles.
    </p>
复制代码

嵌入样式：

1. 嵌入样式：嵌入的css样式是写在html文档header元素中的。
2. 特点：嵌入样式仅仅作用于当前页面，页面样式会覆盖外部样式中的css样式，但是会被行内样式覆盖。
复制代码

    <head>
        <style type="text/css">
            h1 {font-size:16px;}
            p {color:blue;}
        </style>
    </head>
复制代码

链接样式： 1. 链接样式：在创建包含多个页面的网站时，需要把样式保存在一个单独的.css文件里，这个文件就叫演样式表，使用link引入即可。 2. 链接样式可以做到全局统一，作用于整个网站，方便以后的统一管理。

除了以上三种方式外，还有一种在样式表中链接其他样式表的方法，那就是用@import指令，规则是：@import url('路径')，需要注意的是@import指令必须出现在样式表中其他的样式之前，否则@import引用的样式表不会生效。

css引入的几种方式

第二章：css工作原理

一、为文档添加样式的三种方法：

“相关推荐”对你有帮助么？