<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../css/01.css"/>
<style type="text/css">/*type可写可不写，为了优化*/
#price{
color: red;
font-size: 50px;
}
</style>
<title>css样式表</title>
</head>
<body>
<!--css写法 分三类-->
<!--1:行内样式：样式只在当前标签可用，写法比较繁琐，这种写法要极力避免-->
<p>
电脑<span style="color:red;font-size: 50px">1</span>元起
</p>
<!--2：内部样式：只在当前页面，比行内写法好一点。 缺点：多个页面无法共用一个样式-->
<p>
电脑<span id="price">1</span>元起<!--span标签添加了唯一的属性-->
</p>
<!--3：外部样式 推荐写法 样式可以复用，做到了样式和文件分离--><!--new stylesheet：01.css--><p> 电脑<span id="price" >1</span>元起</p>
</body></html>
优先级：
行内样式的优先级高于内部样式
内部样式的优先级高于外部样式
以上效果的实现要符合就近原则，就近原则相同的属性样式，即：
若同时出现行内样式和内部样式，且内部样式符合就近原则，
则显示内部样式内与行内样式中相同的属性，然后继续显示行内样式的其他属性
1585
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
