解宝世-20201029

1、width: 200px;
    height: 200px;
    background: blue;
    border: 2px #dedede solid;
    padding: 100px;
    box-sizing: content-box;
    box-shadow:  0px 0px 50px yellow  inset;
    border-top-left-radius: 200px;
    border-top-right-radius:200px ;
    border-bottom-left-radius: 200px;
2、盒子模型
 小盒子：外边距
magin-top 20px
magin-botton 20px

3盒子模型的基本代码：
*{
    margin:0;
    padding:0;
    border:0;
}
.page{
    width: 200px;
    height: 200px;
                margin: 0 auto;
    border: 2px #DEDEDE solid


.left{
    width: 200px;
    height: 200px;
    background: red;
    float: left;/*浮动*/
    margin: 20px;
}
.right{
    width: 200px;
    height: 200px;
    background: blue;
    float: right;
    margin: 20px;

心得体会：今天下午的我不在状态，刚开始学习的时候还能跟的上老师的步骤，做图形的平移、旋转、调节相框的大小等，一些代码的缺失，无法得到应有的效果。