person

Test video

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

2018寒假假期总结

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

为什么要写这篇文章呢?

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



突然想到。
[insert ids="113"]
 

 

这个寒假做了什么?

仔细一想,计划不如变化
  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,好好学习,天天向上