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样式代码写在标签之间。如下面代码实现把三个标签中的文字设置为红色:
span{
color:red;
}
嵌入式css样式必须写在之间,并且一般情况下嵌入式css样式写在
之间。3,外部式css样式
写在单独的一个文件中
外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以".css"为扩展名,在
内(不是在