实例
<!DOCTYPE html> <!--xml html 声明-->
<html> <!--声明当前页面的语言类型-->
<head>
<meta charset="utf-8"> <!-- 定义网页编码格式 -->
<link rel="stylesheet" type="text/css" href="./static/css/style.css" /> <!-- 外部样式 -->
<link rel="shortcut icon" type="image/x-icon" href="./static/images/footlogo.png" /> <!-- 网站小图标 -->
<style> /*内部样式*/
body{
/*background-color:red;*/
}
/*ID选择器*/
#box1{
width:100px;
height:100px;
background-color:skyblue;
}
/*类选择器 class*/
.box2{
width:200px;
height:200px;
background-color:pink;
}
/*属性选择器*/
a{
color:red;
}
a[href="http://www.php.cn"]{
color:blue;
}
/*box1下面的a标签*/
#box1 a{
color:#000;
}
</style>
</head>
<body>
<!-- <body style="background-color: blue"> --> <!-- style=属性 行内属性 -->
样式优先级：
行内属性->内部样式->外部样式
<div id="box1">
<a href="javascript:">php</a>
</div>
<div class="box2"></div>
<a href="http://www.baidu.com">百度</a><br />
<a href="http://www.php.cn" target="_blank">php中文网</a> <!-- target="_blank" 新页面打开 -->
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
