我参照doyoudo的HTML教程，其代码都是视频里的，这是链接https://space.bilibili.com/20503549/#/channel/detail?cid=42234
1.html
1 <!DOCTYPE html> 2 3 <html> 4 5 <head> 6 <meta author="nco"> 7 <title> 8 nco 9 </title> 10 <link rel="stylesheet" type="text/css" href="master.css" /> 11 12 </head> 13 14 <body style="background-color: powderblue;"> 15 16 <header><nav> 17 首页 关于我们 教程 18 </nav></header> 19 20 <a href="http://www.w3school.com.cn"><h1>欢迎来到W3School</h1></a> 21 <form action="/action_page.php"> 22 First name: 23 <input type="text" name="firstname" value="Mickey"/> 24 <br /> 25 26 Last name: 27 <input type="text" name = "lastname" value="Mouse"/> 28 <br /><br /> 29 <input type="submit" value="submit" /> 30 <button type="button" onclick="alert('Hello world!')">click me!</button> 31 </form> 32 33 34 <br><hr> 35 <img src="http://www.pujia8.com/static/pics/20171203040045_59.jpg" width="500"> 36 <div> 37 <p>大概四年前，我白天在一个“高大上”的事业单位苦逼地工作，晚上下班了就在员工宿舍研究用AE做特效，做动画，做这些我感兴趣的东西。室友们通常都在看剧，给女朋友打电话，或者听刘德华的歌。我做出一个效果之后兴奋得要死，但大家并不care，这很正常。 38 <br> 39 <hr> 40 那个时候我开始了解到国外有很多大神在无私地分享教程，比如AE大神Andrew Kramer、Blender的大神Andrew Price、C4D的大猩猩Nick等等。这些人的创意、激情、思路、幽默简直让我这个一直接受中国式教育的土鳖感到震惊。我像追美剧一样追他们的教程，不是因为有多大的动力要学好，只是单纯的觉得好看，就像你看了好些年婆媳肥皂剧之后，突然发现电视剧居然可以像《越狱》像《绝命毒师》一样好看。</p> 41 <h2>关于版权</h2> 42 43 <ol> 44 <li>本站所有付费内容都由<span>doyoudo</span> 拥有独家版权和最终解释权。</li> 45 46 <li>未经允许使用doyoudo的Logo及设计内容；使用录屏软件以及其他手段录制课程视频；通过技术手段非法下载课程内容；上传课程内容到网盘或者其他平台；通过网络传播课程内容；向其他人分享doyoudo付费账户并以此非法牟利。doyoudo 将永久冻结非法分享的账户，并对以上所有侵权行为进行法律和经济上的追究和诉讼，绝不妥协。</li> 47 48 <li>只有版权得到保护，才会有更多优秀的作品出现。希望大家尊重我们的劳动成果，尊重版权，一起让我们的版权环境越来越好。</li> 49 50 51 </ul> 52 </div> 53 54 <span class="tw">1111</span> 55 <span id="two">2222</span> 56 </body> 57 58 </html> 59
master.css
1 .tw{ 2 font-size: 40px; 3 color: red; 4 }
note.txt
css选择器{
属性名：属性值；
}
<style>标签：
<link>标签：
如何选择元素
element：标签
#id：使用id，加上#，不可以重名
.class:类似于id，可以重名
*:选中所有元素
element,element:多标签同时修改css
element element:某标签及其子标签进行修改
element>element：同上，但是只搜索到子一代标签