马进明-2020-10-30

复习旧知识

overflow: hidden;                                                          子容器超出父容器的部分隐藏
transform: scale(10);                                                      缩放
transform: skew(45deg);                                                倾斜
transform: translate(300px);                                          平移
transform: matrix(-1-1);                                                扭曲2行3列的三角函数矩阵
padding:100px /*100px 100px 100px;                        上右下左
box-sizing: content-box;                                              盒子实际大小
box-shadow: 0px 0px 50px yellow inset                      盒子阴影
/*border-radius:30px                                                   圆角
小盒子  外边距
margin-top:20px
margin-bottom:20px
margin:20px
大盒子 内边距
margin-top:20px
margin:20px
新知识
<div class="page"                   
</div>                                       定位
<div class="header"               
</div>                                       页眉
position: sticky;                          粘性定位
position: relative;                       相对定位
position: absolute;                     绝对定位 
position: fixed;                           固定位置
display: inline-block;                 让行级标签拥有块级标签的特性(自定义大小)依旧保留行级标签不独占一行的特性    
position: relative;                      父容器相对
position: absolute;                    子容器绝对
<!--页脚-->                           .footer
<!--页眉-->                           .header
 <!--导航栏-->                       .naver
<!--网页的主内容区-->           .main

心得
今天学了粘性定位、相对定位、绝对定位、 固定位置等重点知识,学习了很多新的知识,虽然每天很辛苦,
但很充实,也很努力的学习。

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1