实例
<DOCTYPE html>
<html>
<head>
<title>8月10日练习html和css</title>
<meta charset="utf-8">
<link rel="chorcut icon" type="image/x-icon" href="images/1.jpg"> <!--引入外部ICO图片-->
<style type="text/css"> /*css内联样式*/
body{background:red; text-align:center;} /*标记选择器 标签选择器*/
.div1{width:200px;height:50px;background:yellow;} /*css class选择器 类选择器，优先级低于ID选择器*/
div a{color:blue;} /* 这是派生选择器 */
#divid{background:#330b19;width:200px;} /*这是css中 id选择器 */
a[href=" /*属性选择器 a[]{}*/
</style>
</head>
<body>
<div class="div1">这里是一个宽200像素，高50像素的块</div>
<div>
<a href="http://www.php.cn">php中文网</a>
<a href="http://www.baidu.com">百度</a>
<a href="http://www.gflcjd.com">国峰联创机电</a>
</div>
<div id="divid">123</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
