一、浮动和清除浮动
float属性：
left：元素向左浮动；
right：元素向右浮动。
clear属性：
left：清除左浮动；
right：清除右浮动；
both：左右浮动一起清除。
二、用CSS画三角形
在网页中放一个div，如下定义它的style属性 {
width: 100px;
height: 100px;
border-right: 20px solid red;
border-bottom: 20px solid white;
border-left: 20px solid white;
border-top: 20px solid white;
} 效果如图
当我们把这个div的宽和高都设置为0px时，三角形就出现了。
三、overflow溢出处理
处理溢出的三种方式：
1.直接把溢出部分隐藏
语法：overflow:hidden;
2.把溢出部分通过滚动条显示（不管有没有溢出，都有滚动条）
语法：overflow:scroll;
3.把溢出部分通过滚动条显示（如果没有溢出，无滚动条；如果溢出，自动加滚动条）
语法：overflow：auto；
四、现在很少用到的标签
1.框架的标签：把别人的网页嵌入到自己的网页
语法：<iframe src="网页url" frameborder=“” width=“” height=""></iframe>
2.音频标签：放mp3、mp4
语法：<video src="mp3文件的url" controls autoplay loop></video>
<audio src="" controls autoplay loop></audio>
controls:控制条；autoplay：自动播放；loop：循环播放
3.marquee
好残酷的一段话，可我怎么就笑出声了呢
<marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid"> <marquee behavior="alternate"> This text will bounce </marquee> </marquee>
这段有点interesting。emmmmmmmmmmmm
HTML学习笔记（五）
原文地址：https://www.cnblogs.com/boringLee/p/8423028.html