这个星期减少次数之后往工作室跑的少了点，还做了一些别的事情，复习了一下计算机基础，刷了一下题，感觉虽然这些理论的东西按理说应该很无聊，但是我却觉得感觉还不错，可以多了解一些知识，虽然只是一些很基础的计算机的知识，但是可以显得自己比较…emmm…专业，哈哈哈。还有高数，跟同学去机房刷了一下C语言的题库，自己的编程能力特别差，真的超级差，很愧疚…所以下周要偷偷的练习，哈哈，去机房刷题库，分数要看上去好看嘛，这样寒假还可以练一练，嘿嘿。
因为是元旦放假，在家，现在一个小时的时间，好像看一个教程敲代码不是很来得及，又想到之前很多知识都没有好好整理一下，现在趁着有大把的时间，好好整理一下最近用过的东西。
1. 这一周做的这个网页，一开始是很好看的，然后可能被我加图加的变得很烂了…，从小的动画说起，首先是那个字体，是自己下载的字体，就很好看。
<style>
@font-face
{
font-family: myFirstFont;
src: url(sansation_light.woff);
}
div
{
font-family:myFirstFont;
}
</style>
以这样的格式先定义字体，然后如果有好多种格式的，就都要导入，不能只导入一种。然后有的地方用它的时候会加引号，感觉好像加不加都可以的样子..其实我在页面上查看元素的时候，看那个样式的那个地方，好像我的代码有一点问题，但是我不知道怎么办，想着效果好像在，所以没过多的纠结…（好吧，不能这样为自己开脱）。
2. 看视频的时候老师说到一个问题，就是对于文字部分不能过多的加动画，不然就很浮夸，不正规，所以这里用了一个简单的小动画，感觉以后也可以适当的用一用，效果就是文字从上面移下来，并且慢慢变清晰，两部分的文字一个从上面移下来，一个从下面移上去，有一点点碰撞的效果。这里还需要思考动画是应该用transition还是animation：
Transition和animation都是做动画的，那么什么时候用transition什么时候用animation呢。先考虑这个动画需不需要事件触发。这两种做动画的方法，最大的区别就是前者需要事件去触发，而后者则不需要事件去触发…如果你设计的动画需要鼠标去点一下，或者别的什么，那么一定要用transition。 animation是只要你一打开，它就会出现。
animation的话，就先自定义一个动画，可以用from to 或者一帧一帧的，主要是两帧，（如果你想要有碰撞弹的动画，应该再加几帧）把初始态定为在正常位置的相对位置（或上或下，看个人需要），和透明度为0，然后末状态就是正常状态啦，位置不需要移动，透明度为100% ，要注意一个细节，就是你要把动画的那个放哪里，我是对h2，那么就要写在对应的位置， 加上backwards设置动画处于开始状态
3. 在设置移动的动画的时候，用translate3d(0,0,0); 这样在移动端3D变化可以开启GPU硬件加速
4. 导航栏的设计也是特色重点，但是还是从小细节说起，首先是这个切换，是纯CSS3做到的，那么你怎么让浏览器知道，你点击的到底是哪一个，如果用锚，就没有滑动的感觉了，所以选择了用input radio 单选按钮，这个思路真的特别的清奇，我觉得…是想不到的，这样的话，它有一个checked的值，当它为checked的时候，浏览器就知道了，结合一些选择器，就可以为有checked的值那一个页面设置需要的样式，当它不再是checked就没有那种样式了，单选按钮就是有这样的方法可以帮助纯CSS实现。但是这个地方就又要涉及到一个问题，单选按钮是有那个圆点的样式的，那么我怎么让这么大的<a>有单选的效果，并且没有那个圆点样式呢。第一，将a和input的宽度设置为一样的，这样不止点那个圆点的时候才可以选中，圆点只是它的一个样子，并不是实际上的它，所以当一样宽的时候，点别的地方也可以实现选中。第二，隐藏：隐藏有四种方法，overflow：hidden； 用margin移动它到别的地方； opacity：0； visibility：hidden；你要选择哪一种，首先要看它到底是怎样的一种存在，这个单选按钮只是看不见，并不是不存在，它还是很有用，很有存在意义，很有作为的，所以 排除前两种，它应该还是在这个地方，只是看不见，所以后两种都可以考虑使用。
5. 她的代码里用了很多不同的选择器，稍微多一点的是 相邻兄弟选择器和匹配选择器，然后区分了一下它们两个，我查资料的时候发现很多地方都没写匹配选择器，这就跟我当时觉得 后代选择器和子元素选择器差不多的感觉，虽然它说子元素选择器可以缩小一些范围，只选择某个元素的子元素【应该是后代选择器两个元素之间的层次间隔可以是无限的。例如，如果写作 ul em，这个语法就会选择从 ul 元素继承的所有 em 元素，而不论 em 的嵌套层次多深。而子元素选择器就不会，它只选择子元素】，匹配选择器，例如ul ~ li,就是匹配ul后面所有的li,而兄弟选择器只是选择紧接在另一个元素后的元素，而且二者有相同的父元素。只会选择第一个相邻的匹配元素。