千家信息网

css如何实现内联式、嵌入式和外部式

发表于:2024-11-29 作者:千家信息网编辑
千家信息网最后更新 2024年11月29日,小编给大家分享一下css如何实现内联式、嵌入式和外部式,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!1,内联式css样式就是把css代码直接写在现有的HTML标签中,如下面代码:这里
千家信息网最后更新 2024年11月29日css如何实现内联式、嵌入式和外部式

小编给大家分享一下css如何实现内联式、嵌入式和外部式,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

1,内联式css样式

就是把css代码直接写在现有的HTML标签中,如下面代码:

这里文字是红色。

css样式代码要写在style=""双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。如下代码:

这里文字是红色。

2,嵌入式css样式,

就是可以把css样式代码写在标签之间。如下面代码实现把三个标签中的文字设置为红色:

嵌入式css样式必须写在之间,并且一般情况下嵌入式css样式写在之间。

3,外部式css样式

写在单独的一个文件中

外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以".css"为扩展名,在内(不是在