web前端日常笔记

行间样式： 内： <div style="background-color: red;">第一个div</div>

                             div{width: 200px height: 200px background-color: aqua;}

                    外：  <link rel="stylesheet" href="     ">  

id选择器：#   <div id="box">

             width: 400px;    宽度

            height: 400px;    高度

            background-color: purple;     背景颜色

            margin: 0 auto;      居中

           border-radius:  调弧度(一个值四个角度都调节

            两个值为左上右下，右上左下。三个值为左上，

             右下左上，右下。四个值按顺时针调节

               margin  外边框

                padding 内边框

           transform{变换} : rotate{旋转}(180deg){角度};

            定义动画           

 @keyframes rotate{

             0%{ transform: rotate(0deg); }

       100%{ transform: rotate(360deg);  }

        }