2018-04-13

1.前几天给自己进水的机械键盘换了轴,动手能力+100(自我感觉)

然后手机屏幕就碎了,于是买了块屏幕自己换.刚吃完午饭就迫不及待地动起手来,结果一步小心把屏幕排线拉断了......伤心得一觉睡到了7点多

现在是8:44,待会儿做一下科技节的网页设计.

刚刚把CSS3的东西大致看了一遍.比较惊艳的地方呢,就是它的动画效果,比如说:

@keyframes bgchage

{

from{bgcolor:#000000}

to{bgcolor:#ffffff}

}

div

{

animation:bgchange time;

} 

这样就可以实现一个div背景颜色的渐变

还有另外两个比较漂亮的就是,鼠标悬停按钮和阴影效果

.button

{

color:black;

background-color:white;

font-size:n px;

transition-duration:n s;

}

.button:hover

{

color:white;

background-color:black;

}

这样就通过类选择器实现了一个鼠标悬停按钮,当鼠标放在上面的时候,它就从原本的白底黑字变成黑底白字.

接着是阴影特效

div

{

box-shadow:Horizontal_Shadow Vertical_Shadow Faint_Distance Shadow_Color;

}

可惜的是这些效果虽然好玩,但是和我网页设计需要的效果相差甚远.想了想最终决定模仿一下上交大校庆网站做一下.

明天先学学滚动轮播,应该能顺便把JS JQuery的东西看一看

tata