一、浮动和清除浮动
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