<!DOCTYPE html>
<html lang="en">
<head><!-- 定义网页头部 -->
<meta charset="UTF-8"><!-- 指定网页文字编码 -->
<title>php中文网---视频教程</title><!-- 网页的标题 -->
<link rel="stylesheet" type="text/css" href="static/link.css"><!-- 从外部载入css样式 重复多次利用-->
<link rel="shortcut icon" type = "image/x-icon" href="images/ml.png"><!-- 载入图标 -->
<style type="text/css">/*内部样式.这种方式只针对当前页面*/
body{background: pink;}/*标记选择器*/
#box{width: 100px;height: 100px;background: green;}/*id选择器*/
.main{width: 100px;height: 100px;background: blue;}/*class选择器 类*/
a{color: red;}
a[href="http://www.php.cn/"]{color: blue;}
#box a{color: red;}
.main a{color:#0000;}
</style>
</head>
<body >
<a href="https://www.baidu.com/">百度</a>
<a href="http://www.php.cn/">php中文网</a>
<a href="myhttp.html">本地网页</a>
<div id = "box">
<a href="#">淘宝</a>
</div>
<div class = "main">
<a href="#">京东</a>
</div>
</body>
</html>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
