实例
<!DOCTYPE html> <!-- 文档声明 -->
<html> <!-- HTML根元素 -->
<head> <!-- 头部，主要包含meta，title，link，style，script标签 -->
<title></title> <!-- 浏览器标签页的标题 -->
<meta charset="utf-8"> <!-- 定义网页信息，如文档编码：utf-8 还会加一些keyword -->
<link rel="stylesheet" type="text/css" href=""> <!-- 链接外部文件 外部样式 -->
<link rel="shortcut icon" type="image/x-icon" href="images/footlogo.png"> <!-- 标题左侧的icon -->
<!-- rel 定义文档与文件的关系 type 文件类型 href 文件路径 -->
<style type="text/css"> /*内部样式*/
body{} /*标记选择器 标签选择器*/
.main{width: 100px; height: 100px; background: red;} /*class选择器 类选择器（类名选择器的优先级要低于ID选择器）*/
#box{width: 100px; height: 100px; background: green;} /*id选择器*/
a{color: red;}
a[href="http://www.baidu.com"]{color: blue;} /*属性选择器*/
a[href="http://www.php.cn"]{color: pink;} /*属性选择器*/
div a{color: #000;} /*派生选择器*/
#box a{} /*派生选择器*/
</style>
</head>
<body> <!-- style="background:pink;" 内联样式 --> <!-- 基本顺序 外部样式<内部样式<内联样式 -->
<a href="http://www.baidu.com">百度</a>
<a href="http://www.php.cn">php中文网</a>
<div id="box">
<a href="">php</a>
</div>
<div class="main"></div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
