HTML学习笔记（五）

一、浮动和清除浮动

　　　　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