2018.31.12

img class=“  ”src=“  ”alt=“  ”

图片的本质是替换元素                虽然是内敛，认可直接设置宽和高

Animation 动画（并不是所有的css属性都支持渐变动画）

<style> 
    div
    {
        width:100px;
        height:100px;
        background:red;
        animation:myfirst 5s;

    }

    @keyframes myfirst
    {
        0%   {background:red;}
        25%  {background:yellow;}
        50%  {background:blue;}
        100% {background:green;}
    }

</style>

animation：myfirst 5s 表示延迟五秒

这几个元素等同于div：

1、header 头部

2、nav导航栏

3、footer页脚

background：transparent 透明

transform：rotate（45deg） 旋转45°