<!DOCTYPE html><!--xml xhtml 声明--><!--ctrl+/快捷键-->
<html>
<head>
<title>php中文网——视频教程</title><!--定义网页头部标题标签-->
<meta charset="utf-8"><!--定义标题-->
<link rel="stylesheet" type="text/css" href="static/style.css"><!--外部样式标签：为了共享 三种属性 当前文档与链接文件关系，连接文档类型，链接文档地址-->
<link rel="shortcut icon" type="image/x-icon" href="images/footlogo.png">
<style type="text/css">/*内部样式：只针对当前页面*/
/*tag标签名、id名(名字前面加#) class名 属性选择器*/
body{background:red;}/*标记选择器*/
#box{width: 100px;height: 100px;background: pink;}/*id选择器 唯一性*/
.main{width: 50px;height: 100px;background: green;}/*class选择器 类别*/
.wee{width: 50px;height: 100px;background: blue;}
a{color: blue;}
a[href="第一天上课像天书.html"]{color: yellow;}
div a{clor:#000;}
</style>
</head>
<body><!--内联样式 style="background: blue;"优先级:内部样式，内联样式，外部样式-->
<img src="">
<a href="https://www.baidu.com">百度</a><!--属性选择器 可以是网页也可是文档-->
<a href="https://www.php.cn">php中文网</a>
<a href="第一天上课像天书.html">第一天上课像天书</a>
</body>
<div id="box"></div>
<a href="">php
</a><!--派生选择器-->
<div class="wee"></div>
</html>运行实例 »
点击 "运行实例" 按钮查看在线
http://file:///C:/Users/Administrator/Desktop/PHP%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%96%99/demo.html手写实例