python全栈开发day42-固定定位等

一、今日内容：      

　　1.绝对定位盒子居中用法

　　　　left:50%

　　　　margin-left:-盒子的一半宽度。
       2.固定定位和固定定位的用法

　　　　返回顶部

　　　　固定导航栏：

　　　　

　　　
       3.阿里的字体图标
       
         iconfont

二、扩展和预习

       看不懂不要紧，了解一下
        1、flexbox盒子布局
        2、百分比布局
        3、rem布局

　　 4、盒子的而一些属性

　　　　box-shadow：

　　　　　　外阴影：x轴，y轴，模糊的距离，阴影颜色。 x,y为正值是指右边框、下边框，负值为左边框、上边框。

　　　　　　内阴影：x轴，y轴，模糊的距离，阴影颜色 inset。

　　　　　　https://www.cnblogs.com/wuchuanlong/p/5980766.html

　　　　transition：复合属性，可以改变一个或多个属性的过渡效果

　　　　　　transition-proprity:color:

　　　　　　transition-duration:

　　　　　　transiton-time-function:

　　　　　　transition-delay:

　　　　　　https://www.cnblogs.com/afighter/p/5731293.html

　　　5.hover在兄弟和父子之间的区别

　　　　兄弟之间+ 不能悬停选中，儿子可以。　

　　　6. filter：

　　　　http://www.runoob.com/cssref/css3-pr-filter.html

　　　7.checked 

　　　　input:checked~.image1{}

　　　　input:checked+.image1{}

　　　　可以对其下边的兄弟或兄弟的子类进行关联动作。