实例
<!DOCTYPE html> <!-- 声明 -->
<html>
<head> <!-- 头部 -->
<title>悦派的个人网页</title> <!-- 页面头部文字介绍 -->
<meta charset="utf-8"> <!-- 字符编码 -->
<link rel="stylesheet" type="text/css" href="css/index.css"> <!-- 外部样式，为了共享 -->
<link rel="shortcut icon" type="image/x-icon" href="logo.png">
<style type="text/css"> /*内部样式，只针对当前页面*/
body{background: pink} /*tag标签名 标记选择器*/
#box{width: 100px; height: 100px; background: blue; } /*ID名唯一性（获取时名字前要加#）*/
.main{width: 100px; height: 100px; background: green; } /* class名 获取时前面加.*/
#yue{width: 50px; height: 50px; background: red}
a{color: red;} /*给所有的a标签 颜色*/
a[href="index2.html"]{color:blue;} /*给a标签里指定一个 */
div a{color: #000;} /*div下的a标签*/
</style>
</head>
<body style="background: pink"> <!-- 内联样式，只针对当前标签 --> <!-- 外部<内部<内联 -->
<img src="">
<a href="http://www.php.cn">PHP中文网</a>
<a href="http://www.php.cn/course/943.html">第三期培训-前端基础</a>
<a href="index2.html">内部链接</a>
<div id="box"></div>
<div class="main"></div>
<div id="yue" class="main">
<a href="">taobao</a></div>
<div></div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
总结：
成对的标签是元素，开始标签和结束标签直接的是元素内容
外部样式：为共享使用
内部样式：只针对当前页面使用
内联样式：只针对当前标签使用
外部样式<内部样式<内联样式
选择器分为：tag标签选择器、id、class
tag标签：标记标签选择
id：id名选择唯一性，获取时要在名字前加#
class：类别选择，获取时要在名字前加.
之前没有基础，直播后又看的录播，主要感觉老师讲课时有些单词听不懂就会懵
