码迷,mamicode.com
首页 > Web开发 > 详细

HTML学习笔记(五)

时间:2018-02-06 18:08:27      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:direction   lan   hidden   gpo   hid   frame   它的   浮动   ram   

一、浮动和清除浮动

    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学习笔记(五)

标签:direction   lan   hidden   gpo   hid   frame   它的   浮动   ram   

原文地址:https://www.cnblogs.com/boringLee/p/8423028.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!