<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><!--链接式--><link rel="stylesheet" href="css/mycss.css" /><!--内嵌式--><style>/* 选择器 */span{font-size: 20px; color: green; background-color: bisque;font-family: "微软雅黑";}</style></head><body><!--1行内式引入 借助标签的style属性引入style属性中的值语法为 样式名:样式值; 样式名:样式值;... ...2内嵌式将css样式的代码抽取出来,通过选择器确定样式作用范围在head标签中 使用一对style标签 定义css样式在style标签中 注释写法 /* */减少相同代码的编写量 减少代码的维护工作量3链接式行内式只能将样式作用于当前标签内嵌式可以将样式作用于多个标签不能作用于其他网页链接式可以将样式的作用范围扩大多个不同网页链接式可以将CSS代码放入独立的.css文件中 可以使当前页面更加简洁每一个需要引入样式 的HTML 在head标签中使用 link标签引入css文件即可4当三种引入方式同时作用于同一个标签 如果样式有冲突 谁的优先级更高优先级原则 就近原则 --><span style="font-size: 40px; color: blue; background-color: aqua;">欢迎来到尚学堂</span><br /><span >欢迎来到尚学堂</span><br /><span >欢迎来到尚学堂</span><br /><span >欢迎来到尚学堂</span><br /><span >欢迎来到尚学堂</span></body>
</html>