<Doctype html>
<html>
<head>
<title>小白入门</title>
<meta charset='utf=-8'>
<link rel="stylesheet" type="text/css" href="static/style.css">
<!-- link引入外部文件 --><!-- rel定义当前文档与被链接文档关系 -->
<!-- type定义外部文档类型 --><!-- href定义外部文档网址或本地地址 -->
<!-- 外部样式 为了共享 -->
<link rel="shortcut icon" type="image/x-icon" href="images/logo.png">
<style type="text/css">
/*内部样式 只对当前页面*/ /*tag标签名 ID class*/ /*属性选择器*/
body{width: 200px;height: 200px;background: red;}
/*内部样式举例 添加背景色*/ /*标记选择器不用加符号*/
#box{width: 200px;height: 200px;background: pink;}/*ID名字前加#号选中*//*ID名是维一的*/
.main{width: 200px;height: 200px;background:green;}/*class名字前加. 选中*/
a{color: green;}/*标记所以a标签颜色*/
a[href="http:www.php.cn"]
{color: pink;}/*属性选择器*/
div a{color:#000;}
#box a{color:red;}/*属性选择器*/
</style>
</head> <body >
<!-- 内联样式针对当前标签 -->
<!-- 分优先级 外部小于内部小于内联 -->
<!-- style="background: blue;" -->
<a href="http:www.php.cn">PHP中文网</a >
<a href="http:www.taobao.com">淘宝</a >
<a href="ok.html">ok</a > <div id="box">
<a href="ok.html">php </a ></div>
<div class="main"></div> </body> </html>
