我又来每周总结啦啊啊啊啊啊啊啊

目前已经把一些基础的东西学的差不多了，但是目前运用还不行，因为事情太多，不能完全投入一件事上去，简单的页面对照着笔记自己也能慢慢做出来，感觉还是需要自己慢慢积累，熟能生巧。

精灵图  这玩意我感觉挺好玩的，可以用像对待文字一样去更改小图片，让图片修改变得更便捷了

还学了一些小玩意，相当于对之前的一些小知识点的应用跟补充

比如三角形的制作，虽然我搞不懂为啥把宽高改成零，用边框就能把三角形做出来，但是就很神奇这个是三角制作的css代码，一个简单的三角形，可以通过改变不一样边框的大小把三角形的胖瘦改了，设置不一样边框的透明度还能改变朝向

.sanjiao{
width:0;
height:0;
border-color:transparent pink transparent transparent;
border-style:solid;
border-width:100px 20px 0 0;
}

鼠标样式（搞了那么多花里胡哨的样式我感觉也就小手有点用）

default 小白 默认

pointer 小手

move 移动

text 文本

not-allowed 禁止

vertical-align属性应用

给图片，表单这些行内块元素的vertical-align属性设置为middle就可以让文字和图片居中对齐了

图片底部会有默认的空白缝隙

1： 给图片添加vertical-align：middle/top/bottom等

2：转换为块级元素

文字溢出时可以用省略号显示

.text{
text-overflow：ellipsis；
}

还学习了HTML5的新特性

html5新增的语义化标签（根据不同位置定义的不同的标签）  新增多媒体标签 （audio和video）

HTML5新增的input类型   HTML5新增的input类型 css3新增属性选择器

这个选择器很重要，新增的选择器让对内容的修改和选择变得更加简单了，而且更加准确，防止代码过多把自己搞迷糊了

比如属性选择器可以一下选择多个，或者按照规律选择标签，可以快速的对多个标签进行设置

以及新增的伪类选择器，伪元素选择器

css3新特性

css盒子模型

1：box-sizing:content-box盒子大小为width+padding+border(以前默认的)

2：box-sizing:border-box 盒子大小为width

滤镜filter

filterCSS属性将迷糊或颜色偏移等图形效果应用于元素

filter：函数（）例如：filter:blur(5px)；blur模糊处理，数值越大越模糊

calc()此函数让你在声明css属性值时执行一些计算

width：calc（100%-80px）；

还有一个好玩的css过度，让样式变化时控制其快慢啥的（记住口诀：谁来过度给谁用）

.dad{
border:1px solid red;
width:150px;
height:15px;
border-radius:7px;
}
.son{
width:50%;
height:100%;
background-color:red;
transition:width 0.5s;
}
.dad:hover .son{
width:100%;
}