摘要:
示例的是项目中的遇到的,要做成的效果是点击该图片按钮,达到切换图片的效果: 点击图片按钮的瞬间的样式如下图: 但是在点击的图片按钮的瞬间,图片出现了带有淡蓝色的颜色边框,在松开鼠标的瞬间便又消失,为了去掉这瞬间的点击颜色效果,可以通过focus伪类去实现,具体代码如下: 1、去掉(隐藏)边框的颜色 阅读全文
摘要:
display:inline-block;*display:inline;*zoom:1; 阅读全文
摘要:
第一篇随笔有提到 background-clip与background-origin两者的区别,但是太字面化了,对于小白而言甚是难以理解,包括我自己,在第二次去理解的时候,反而蒙圈了。所以,查阅了一些资料,用自己的理解,简单点,简单点,简单点。。。 background-clip指定了背景可以覆盖到 阅读全文
摘要:
article标签,使用后感觉和P(段落)差不多,语义化的标签。<aside> 标签定义article以外的内容(可用做文章的侧栏). 语义化的标签。 html 标签有几种分类,其中有一种就是网页布局性质的标签,如最常用的 div。抛开以前的传统网页布局(table布局)不谈,就说现在的网页布局—— 阅读全文
摘要:
前段时间学习jQuery的时候,在网上找了个SuperSlide插件,做轮播图demo,感觉对于新人而言,还是挺容易上手的,代码量也少。 直接贴代码吧。 1、HTML 2、CSS 3、注意:因为SuperSlide是基于jQuery的插件,所以前提必须先引用jQuery,再引用SuperSlide 阅读全文
摘要:
根据之前看了面向对象相关的视频,按照自己的理解,整理出相关的笔记,以便自己的深入理解。 javascript面向对象: 突发奇想,注意: 全等:是指既比较值,也比较类型(题外话,可忽略) 逻辑运算符(短路),如果前面num=num是真,则直接返回,是不会对后面”没有参数“这个进行运算。||(或) 框 阅读全文
摘要:
根据之前看了面向对象相关的视频,按照自己的理解,整理出相关的笔记,以便自己的深入理解。 如果要判断两个数是否相等,将值乘以10或者100,转换成整数再进行比较 例如:a++与++a 短路运算符,在&&与|| 都是短路运算符。 例如:var b="abc"&&"bad" console.log(b) 阅读全文
摘要:
面临找工作之际,又将CSS3的基础知识撸了一把,做了相应的笔记,主要是方便自己查阅,参考的是W3C的知识。 1、CSS背景 (1)、background-size 属性 background-size 属性规定背景图片的尺寸,同时适用与字体图标方面的适用(主要在移动端用到较多)。 在 CSS3 之前 阅读全文