11月7号笔记 代码练习以及学习心得

…

li{

list-style-type:none;

/background-color:#333;/

line-height:25px;

margin:0;

padding:0;

}

.ri{

float:right;

border:1px solid black;

background:#333;

bottom:0;

width:120px;

position:absolute;

top:1px;

right:-300px;

transition:right 1s;

}

li:hover{background-color:#ccc;}

li a{

text-decoration:none;

display:block;

padding:15px 18px;

color:#ffffff;

}

.button{

text-align:center;

margin-top:300px;

}

.btn{

padding:10px;10px;

background-color:#3385ff;

color:white;

}

.mask{

display:none;

position:fixed;

top:0;

bottom:0;

left:0;

right:0;

background-color:rgba(0,0,0,0.1);

}

侧边

关于我们

约我吗？

包养我

同床共勉

点击一下



今天练习了侧边框弹出与收起来的代码，刚开始不太会做，后来看了老师上课的视频慢慢的把代码写出来了。

这些代码涉及到一些jquery，有不少调用在里面。