学习网页编辑是一件很枯燥的事,
<!DOCTYPE html> <!--声明文档类型--> <!--注释的快捷键:(ctrl+/)-->
<html>
<head><!--头部-->
<title>php中文网——视频教程</title><!--定义网页头部标题-->
<meta charset="utf-8"><!--编码-->
<link rel="stylesheet" type="text/css" href="static/style.css"><!-- 外部样式:为了共享 -->
<link rel="stylesheet icon" type="imagee/x-icon" href="images/footlogo.png">
<style type="text/css">/*内部样式:只针对当前页面*/
             /*tag标签名、id名(名字前面加#)class名  属性选择器*/
            body{}/*标记选择器*/
            #box{width: 100px;height: 100px;background: pink;}/*id 选择器 唯一性*/
            .mainf{width: 100px;height: 100px;background: green;}/* class选择器 类*/
            a{color: red;}
            a[href="http://www.php.cn/"] {color: blue;}
            a[href="demo2.html">demo2] {color: pink; }
            div a{color: #000;}
            #box a{}
</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>
	<a href="#">#</a>
	<div id="box">
     <a href="">php</a>
     <div class="main"></div>
     <div></div>
     <div></div>
	</div>
</body>
</html>点击 "运行实例" 按钮查看在线实例

                Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号