CSS代码外联,内联,嵌入式的区别

发布网友发布时间：2022-04-06 12:08

共2个回答

热心网友时间：2022-04-06 13:37

CSS代码外联，内联，嵌入式的区别为：优先级不同、声明不同、操作不同。

一、优先级不同

1、外联：外联的优先级最低。

2、内联：内联的优先级优先于外联，低于嵌入式。

3、嵌入式：嵌入式的优先级优先于内联和外联。

二、声明不同

1、外联：外联只可以多次声明单个属性值。

2、内联：内联可以一次声明多个属性值。

3、嵌入式：嵌入式可以一次声明多个属性值。

三、操作不同

1、外联：外联把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内。

2、内联：内联把css代码直接写在现有的HTML标签（如p,span...etc）中。

3、嵌入式：嵌入式把css样式代码写在<style type="text/css"></style>标签之间。

热心网友时间：2022-04-06 14:55

区别在于先后，次序是：嵌入式优先于内联，内联优先于外联。即如果嵌入式和内联不同的话，该元素将以嵌入式的定义显示。这样做的好处是：你用外联做整个网页的风格，用内联做这一张网页的特殊风格，用嵌入式做、某一个元素的风格。