一、学习
文本修饰-常用标签
1、加粗
：仅仅为了加粗显示文本。
：表示该文本比较重要。
2、倾斜
：仅仅为了斜体显示文本。
：表示加强语气。
3、删除
：不支持了
：删除，表示为文字上加一条删除线。
4、下划线
：下划线，表示为文字下方加一条横线。
5、角标标签
：上角标
：下角标
<body> <p><b>夜间</b>，伴着阵阵虫鸣，嗅着甜甜花香，睁眼一看，这不是传说中的桃源吗？</p> <p>你看，<u>潺潺溪水，悠闲的流淌着；斑斓的蝴蝶，自在的飞舞着；娇美的花儿，羞滴滴的笑着；</u>俊美的青树，满足的沐浴着阳光，流泻出沁人的翠。伶俐的鸟儿，飞于蓝天，和出舒心的曲。远处，矫健的绿山，披着那柔和的纱衣，在蓝天的映衬下，愈发清秀。</p> <p>一切的一切，是那么的静谧，祥和。嘴角不自觉的扬起，丝丝惬意洋溢着。 </p> <p><em>叽叽喳喳</em>，<del>恼人的嘈杂声充斥在周遭</del>，适才的曲儿可不是这般。随意的掀了被子，手端一杯白水，自坐在窗前，窗外原仍是枯枝残叶满地，间杂着些许昨夜悄然而至的雪……</p> <p>尘风乍起，扰乱一池清水的宁静。<strong>离花散落，碎了梦中人的遐想</strong>。</p> </body>
二、刷题
第一题
常见属性名有：src、controls、autoplay、loop
src:媒体文件路径
controls:在网页内显示音频控件
autoplay:打开网页时自动播放媒体文件
loop:循环的英文、就是循环播放
<audio src="" controls></audio>
第二题
div::after表示在div元素后插入内容。
content 的初始值为 ‘normal’。在:before和:after上，如果指定了content 的初始值为 ‘normal’，则计算为 ‘none’ 。content 的值设置为 ‘none’ 不会生成伪元素。
需加display:block才能显示。
<style type="text/css"> /*补全代码*/ div::after{ content:""; width:20px; height:20px; background-color:rgb(255, 0, 0); display:block; } </style>
第三题
<style type="text/css"> /*补全代码*/ div{ width:100px; height:100px; border:1px black solid; border-radius:50px; } </style>
第四题
padding：设置内间距；
margin：设置外间距。
<style type="text/css"> /*补全代码*/ div.box{ width:100px; height:100px; padding:20px; margin:10px; } </style>
