英文翻译:
!DOCTYPE html:文档类型html
html:超文本标记
head:头部
meta:元信息
charset:字符集
title:标题
body:文档主体
color:颜色
演示代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div{color: red;}
*{color: red;}
a{color: green;}
.abc{color: yellow;}
#one{color: brown;}
</style>
</head>
<body>
<div>
<!--
优先级从低到高:
1,继承样式优先级
2,浏览器预设样式
3,通用选择器
4,标签选择器
5,类选择器
6,ID选择器
7,优先级相同,后写的覆盖
8,选择约精确,优先级越高
9,行内样式
-->
<a href="" class="abc" id="one" style="color: orange;">听谁的</a>
<br />
<span>听谁的</span>
</div>
</body>
</html>