基础 html结构认识 box 8.10作业

<!DOCTYPE html> 
<html lang="en">
<head>
<meta charset="UTF-8"> 
<title>8.10照打</title>
<link rel="stylesheet" type="text/css" href="8.10.css">  
<link rel="shortcut icon" type="imag/x-icon" href="imges/footlogo.png"> 
<style type="text/css"> /*内部样式只针对当前页面*/
/*tag标签名，id名(名字前加 #），class名。属性选择器*/
body{ }/*标记选择器*/
#box{width: 100px; height: 100px; background: deeppink;}/*id选择器*/
.main{ width: 100px; height: 100px; background: black;}/*class选择器类*/
a{color: blueviolet;}
a[href="http://www.php.cn/"]{ color: black;}
a[href="demo2.html"]{ color: deeppink;}
div a{color: aqua}

</style>
</head>
<body >
<img src="">
<a href="https://www.baidu.com/">百度</a>
<a href="http://www.php.cn/">php中文网</a>
<a href="demo2.html">demo2</a>

<div class="main">
<a href="">PHP</a>
</div>

<div></div>
<div></div>

</body>
</html>

相关文章