1.行内样式引入
借助标签的style属性
style属性中的值语法为 样式名： 样式值 ；…
<span style="font-size: 20px; color:bule;">
滴滴滴滴
</span>
- 内嵌式
将css样式的代码抽取出来，，通过样式选择器确定样式作用范围
在head标签中，使用一对style标签，定义css样式
优点：减少相同代码的编写量，减少代码的维护工作量
<head>
<style>
span*此处的span为选择器
{
tyle="font-size: 20px; color:bule;"
}
</style>
</head>
<body>
<span >
滴滴滴滴
</span>
<span >
滴滴滴滴
</span>
<span >
滴滴滴滴
</span>
</body>
3.链接式
行列式只能将样式作用于当前标签
内嵌式可以将样式作用于多个标签，不能做用于其他网页
链接式可以将样式的作用范围扩大多个不同网页，链接式可以将css代码放入独立的.css文件中，可以使当前页面更加简洁
<link type="text/css" herf="css地址">
*链接css文件
- 当三种引入方式同时作用于同一个标签，如果样式有冲突时，优先级原则：就近原则
ps：个人学习笔记，如有错误请大佬指正（手动狗头）
扫一扫
4388
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
