<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style type="text/css">
#price{
color: red;
font-size: 40px;
}
</style>
<link rel="stylesheet"href="../css/first.css">
<title>css入门</title>
</head>
<body>
<!--css写法 分三类-->
<!--1: 行内样式 样式只在当前标签可用，写法比较繁琐，这种写法要极力避免-->
<p>
电脑 <span style="color: red;font-size: 40px">1</span>元起
</p>
<!--2: 内部样式 只在当前页面，比行内写法要好一些。缺点：多个页面无法共用一个样式-->
<p>
电脑 <span id="price">1</span>元起
</p>
<!--3: 外部样式 推荐写法！ 样式复用，做到了样式和文件的分离-->
<p>
电脑 <span id="price1">1</span>元起
</p>
</body>
</html>
扫一扫
170
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
