CSS样式引入三种方法详解

css样式引用方法及示例

css中的引用方法主要有三种：1.内部引用，写在HTML文档css中的标签中stylebdoy{font-size:14px;}2、外部引用，使用标签引用外部css文件，将样式引用到html文档中。

引用CSS样式有以下三种方式：行间样式表。
行间样式表是指在HTML标签中编写CSS样式编码。
格式如下：我的CSS样式。
内联样式表由HTML元素的样式支持。
只需在style=中编写以分号分隔的CSS代码即可。

使用HTML标签的STYLE属性，可以将STYLE属性直接添加到单个HTML元素标签中，以控制HTML标签的呈现样式。

这是第二种阅读方法。
直接写在相应的页面上。
延伸阅读：每一页都必须设置。
工作繁琐，写多了就增加了代码量。
不利的优化。

引入方法是将样式写入css文件中，然后将css文件链接到HTML文件中。

1.这是第二个阅读方法。
直接写在相应的页面上。
延伸阅读：每一页都必须设置。
工作繁琐，写多了就增加了代码量。
不利的优化。

2.css的引用方式主要有三种：1.内部引用，HTML文档中的标签中写的css样式bdoy{font-size:14px;}2.外部引用，使用标签引用外部的css文件，引用html文档的样式。

3.一般来说只有三种：最常用的一种是引入样式表，将样式写在样式表中。
引入方法如下：包裹在Htmlheader中，里面写样式：{padding:0;margin:0}直接在标签中写入内联样式。

4.外部样式是最广泛使用的引入方式，适合较大的页面或整个网站开发。
引入方法是将样式写入css文件，然后将css文件链接到HTML文件。

5.内联样式内联样式只能影响其所在的标签，并且始终会覆盖嵌入样式和链接样式。
通过在嵌入样式中添加内联CSS样式嵌入样式的应用范围仅限于当前页面。

6.@importurl(/css/mycss.css)/stylelink和import具有不同的语法结构。
前者是html标签，只能在html源代码中使用，而后者可以看作是css样式。
功能是引入css样式功能。

CSS样式采用就近样式原则。
内联样式具有最高优先级。
如果没有内联样式，则会在页面上查找内联样式。
CSS名称中的“级联”指的是样式表规则应用于HTML文档元素的方式。

导入外部样式表：导入外部样式表时使用@import，如下：@importurl(myStyle.css);这种方法与第三种方法类似，但在输入法上更有优势。
这相当于存储在内部样式表中。

导入样式@importurl=(css路径名);该方法一般不使用，可以直接忽略。
一般来说，使用链接样式。
内联样式和嵌入样式维护起来相对麻烦。
优先级（从高到低）是内联样式、嵌入样式、链接样式和导入样式。