本文介绍了HTML中将CSS与HTML结合的四种方式，包括直接在标签内使用style属性、内联样式、使用@import导入CSS以及通过link标签引入外部样式表。讨论了各种方式的优缺点，特别是@import在某些浏览器中的兼容性问题，并强调了一般情况下优先级顺序为：内联样式 > @import导入 > link引入。同时，文章提供了样例代码展示了样式应用。
(1)在每个HTML标签上面都有一个属性 style，把css和HTML结合在一起
我是一只小小鸟
(2)使用HTML的一个标签实现，
css代码;
div{background-color:red;color:gray;
}
(3)在style标签里面 使用语句(在某些浏览器下不起作用)
@import url(css文件路径);
- 第一步：创建一个css文件
@import url(div.css);
(4)使用头标签link，引入外部css文件
- 第一步：创建一个css文件
-
*** 第三种结合方式缺点：在某些浏览器下不起作用，一般使用第四种方式
*** 优先级(一般情况)
由上到下，由外到内，优先级由低到高
*** 后加载的优先级高
*** 格式 选择器名称 {属性名:属性值; 属性名:属性值; ......}
完整代码：
Worlddiv{background-color:gray;color:white;
}
我是一只小小鸟
愿有岁月可回首，且以深情共白头！
World
@import url(div.css);
愿有岁月可回首，且以深情共白头！
world
愿有岁月可回首，且以深情共白头！
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
