[mp4 url="https://dyedd.cn/usr/uploads/2017/12/videoplayback.mp4"]

[mp3 id="3725641931" type="playlist" source="tencent" title="过完春节，又胖了吧！上学去吧" tags="暂无" cover="https://p.qpic.cn/music_cover/1ZdGl7wveVA1a9fU8FWwvLSSHgdJkoUpcMFNQvFj6XLKnmKOnEdiaeQ/300?n=1" num="22" ]

为什么要写这篇文章呢？

首先，我有个博客，这是一次水文机会；第二，这是我最后一个长假期了，老师说高三无期权；第三，留个纪念吧，毕竟接下来真的没有假期了

这个寒假做了什么？

仔细一想，计划不如变化

1. 本来打算写完49模板的，但是呢，现在只完成门户，论坛，主题列表，内容页。预计登录注册页面，个人空间极其设置页面可以搞定，结果就这样了
   (终于把之前大坑——写给爱玩的模板填完了。)
2. php技术还是渣
3. html技术还是渣
4. js技术还是渣
5. css技术还是渣
6. 我差不多是个废人了。
7. 寒假之初看了《寻梦环游记》，哭了
8. 大年初二看了《捉妖记2》，又笑了
9. 新认识一位好友，叉鸡
10. 临近开学前2天，刷掉99.9%作业成就
11. 周围大佬又多了。。
12. 农村人才知道了崇才的真面目，恶心

以上是想到什么就写什么的，没有逻辑性

感想

大人们总是认为假期是拿来弯道超车的。难道利用好就能改变学渣的身份了吗？我的假期，从来不学习，因为这是好不容易得来的个人时间，凭什么一定要给学习呢？
早上翻出之前的阅摘：做不成英雄，索性当条咸鱼。特别有感触，我又何尝不是其中的咸鱼呢？现实是，虚拟也是（这不是丧文化啊啊）自以为是会编程就很厉害了，也许在学校那些学神身上是更胜一筹，但是身边现在这种年龄就会编程的人实在太多了。

想留给以后看到文章的自己以及大家

最最老套的话：不忘初心，方得始终！

css使用方法

1.用opacity:0和visibility: hidden;

2.配合hover

3.原先opacity（透明度为0）hover设置为1，即从隐藏到显示，visibility同

注意的是，这边用display：none到block等不行，因为display是连渲染都不渲染，浏览器直接忽略显示直接连理都不理，但是opacity/visibility是会预留空间的，这一块还是占位置的，伪元素还是有效的

js使用方法

用JavaScript隐藏控件的方法有两种，分别是通过设置控件的style的“display”和“visibility”属性。

当style.display="block"或style.visibility="visible"时控件或见，当style.display="none"或style.visibility="hidden"时控件不可见。不同的是“display”不但隐藏控件，而且被隐藏的控件不再占用显示时占用的位置，而“visibility”隐藏的控件仅仅是将控件设置成不可见了，控件仍然占俱原来的位置。（理由同上面，浏览器不渲染display）

function displayHideUI()
{
var ui =document.getElementById("bbs");
ui.style.display="none";
}
function displayShowUI()
{
var ui =document.getElementById("bbs");
ui.style.display="";//display为空的话会好使，为block会使后边的空间换行
}
function visibilityHideUI()
{
var ui =document.getElementById("bbs");
ui.style.visibility="hidden";
}
function visibilityShowUI()
{
var ui =document.getElementById("bbs");
ui.style.visibility="visible";
}

然后配合鼠标事件

jq使用方法

通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素：

$("#hide").click(function(){
  $("p").hide();
});

$("#show").click(function(){
  $("p").show();
});

具体看：学习从无止境

the end

如果你还有什么方法，可以在底下告诉染念哦！

nth-child(n)，n 可以是数字、关键词或公式。选择器匹配属于其父元素的第N个子元素，不论元素的类型。

序号写法：

li:nth-child(3){background:orange;}/*把第3个LI的背景设为橙色*/

倍数写法：

li:nth-child(3n){background:orange;}/*把第3、第6、第9、…、所有3的倍数的LI的背景设为橙色*/

倍数分组匹配：

li:nth-child(3n+1){background:orange;}/*匹配第1、第4、第7、…、每3个为一组的第1个LI*/

li:nth-child(3n+5){background:orange;}/*匹配第5、第8、第11、…、从第5个开始每3个为一组的第1个LI*/

li:nth-child(5n-1){background:orange;}/*匹配第5-1=4、第10-1=9、…、第5的倍数减1个LI*/

隔三行设置颜色

$("tr:nth-child(3n)").css("background","#eee");

隔两行换一个颜色

$("tr:nth-child(2n)").css("background","#eee");

每隔三行的第二行和第三行设置颜色

$("tr:nth-child(3n)").css("background","#eee");

$("tr:nth-child(3n+2)").css("background","#ccc"); 

什么叫做css sprites呢？

CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。

CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字精确的定位出背景图片的位置。
在网页访问中，客户端每需要访问一张图片都会向服务器发送请求，所以，访问的图片数量越多，请求次数也就越多，造成延迟的可能性也就越大。
所以，CSS Sprites技术加速的关键，并不是降低质量，而是减少个数，当然随之而来的增加内存消耗，CSS Sprites图片繁琐的合成等缺点在网站性能的提升前，也就不足为道了。

华丽丽的分割线

首先，如果想知道如何获取图片坐标的话，这里就不bb了，也不想原创写如何获取了，太麻烦了，而且有现成的，讲得很好，我也不想复制下来。哔哔哔哔哔

接下来是原创内容。。

看了获取之后的教程，你可能有疑惑？

有时候失效呢？

引用整个图片时候，no——repeat没有写哦

background: url(00.png) no-repeat;

为什么css定位x，y轴是负值

可以这么理解：假如我们手头有图片，里面小图标（这边简单点，只是个x轴移动）

这样，我们想获取第一个图标的话，很简单就是background-position:0 0;

但是如果想获取第二个图标的话，如果是background-position:20px 0，那么图标就会不见，如果是-20px的话图片才出现

那是因为我们使用这个css是让图片本身发生移动，而不是坐标轴（之前一直以为坐标轴动，不好理解）我们如果写20px，那么图片就会向右远离原点20px，而坐标原点就是该整个图片的左上角，没有变化

如果是-20px ，就相当于把图片向左移动了20px，说点简单的，那么就是，第二个图标将会取代第一个图标的位置

最后需要再规定大小，图标就独立出来了~

yeah，好好学习，天天向上