前端【百分比布局】

  百分比布局

         没有定位的情况：

        1.宽高设置百分比相对于父元素的宽高

        2.margin和padding相对于父元素的宽度

           定位情况：

           1.宽高设置百分比相对于定位父元素的宽高

           2.left和right相对于定位父元素的宽度 top和bottom相对于定位父元素的高度

           vw和vh相对于浏览器可视窗口 和父元素没有关系

表单

<form action="http://youkuaiyun.com/" method="get">
        <input type="color">
        <input type="date">
        <p>67</p>
        <input type="range" value="67">
        <input type="number">
        <input type="time">
        <input type="email" name="useremail">
        <input type="submit">
    </form>

多媒体标签

!important强制提高优先级

    音频 audio

         属性 src：放置音频的路径

                 controls：控制台

                 autoplay:自动播放

                 loop：循环播放

                 preload：预加载

                 type:类型

                 muted:静音效果

视频 video

        属性 src：放置视频的路径

                 controls：控制台

                 autoplay:自动播放

                 loop：循环播放

                 preload：预加载

                 poster：放置封面链接

                 muted:静音效果

媒体查询

媒体查询 最小宽度min-width 最大宽度 max-width（浏览器窗口）

em和rem

em：相对于最近的父元素的font-size的大小

           rem：相对于html的font-size的大小

h5新增标签

header

nav

main

aside

section

footer