不得不佩服京东的速度,昨天刚下单的两本书今天上午就到了.其中一本是全彩页的<众妙之门 - 精通CSS3>,细看了前几十页,书上的叙述方式给我的印象其实不如“彩页”来的讨喜——接连说上几个例子,扔个例子的链接(没源码下载,要自己手动输入,而且近乎所有的例子页面均已失效),未经细剖便草草了事,感觉倒是适合作为厕所读物(汗).... 虽然书中不细剖,却也不能白花银子,不妨自己实打实地查资料.记笔记,不辜负了早上送出的老毛. 如果你也买了这本书,那这篇文章会给你一定的辅助. (本文依照我翻阅书籍的进度…
伪类: 结构伪类: :empty :only-child :before :after :active :hover :focus :link :visited :first-child :last-child :nth-last-child() :nth-child() UI元素伪类: :checked :enabled :disabled 目标伪类: :target 否定伪类 div:not(classname) 主要属性: <!DOCTYPE html PUBLIC "-//W3C/…
parent() && parents() && closest() 这三个方法都与沿着DOM向上导航有关,在由选择器返回的元素上方,匹配父元素或之前的祖先元素,但是每个方法都有各自独特之处: 1.  parent() 只匹配元素的直接父元素,他可以带一个选择器做参数,对于匹配符合某些条件的父元素非常有用.例如: $(‘span#mySpan’).parent().css(‘background’, ‘red’); $(‘p’).parent(‘div.large’).cs…
1. null是一个对象: alert(typeof null);  //objects NULL表示没有值,那么很明显他不能作为任何东西的实例,所以下式应该等于false: alert(null instanceof Object);   //false 2. NAN是一个数字: alert(typeof NAN);   //Number alert(NaN === NaN);   //false 3. 空数组 == false: alert(new Array() == false);  …
原文转载自「刘悦的技术博客」https://v3u.cn/a_id_212 有人说,如果一个人相信运气,那么他一定参透了人生.想象一下,如果你在某款moba游戏中,在装备平平,队友天坑的情况下,却刀刀暴击,在一小波gank中轻松拿下五杀,也许你会感叹自己的神操作和好运气,但其实,还有另外一种神秘的力量在支配着这一切,那就是:随机算法. 伪随机(Pseudo-Randomization) 其实,竞技游戏通常是拒绝随机性干预的,因为它干扰了玩家实际操作水平的考量.但是,应对突发情况也应该是玩家应变能…
☆☆☆rem和css3的相关知识点☆☆☆ 一. Web front-end development engineer rem是根据页面的根元素的font-size的一个相对的单位,即 html{ font-size:16px;//自定义根部元素的字体大小 } 比如我们在一个div中,如此写 div{ width:2rem; }那么我们的width,是16*2=32px 二. css3阴影box-shadow的使用方法及技巧 来源:懒人建站 css3阴影box-shadow的使用方法及技巧,IE9…
转自:凹凸实验室(https://aotu.io/notes/2016/11/28/css3-animation-properties/) 本文不会详细介绍每个 css3 animation 属性(需要了解的同学可先移步 MDN),而是结合实际的开发经验,介绍 css3 animation 属性的一些使用场景及技巧. 1. animation-delay MDN 中的介绍: animation-delay CSS 属性定义动画于何时开始,即从动画应用在元素上到动画开始的这段时间的长度. 该属性值…
强大的css3不需要解释,代码分层理解[直接复制],很有意思. 效果图: <ul class="align"> <li> <figure class='book'> <!-- Front --> <ul class='hardcover_front'> <li> <div class="coverDesign yellow"> <span class="ribbon&…
CSS3中的变形与动画(下) CSS3 Keyframes介绍 Keyframes 被称为关键帧,其类似于Flash中的关键帧.在CSS3中其主要以"@keyframes"开头,后面紧跟着是动画名称加上一对花括号"{-}",括号中就是一些不同时间段样式规则. @keyframes changecolor{ 0%{ background: red; } 100%{ background: green; } } 在一个"@keyframes"中的样式…
第8章 CSS3中的变形与动画(上) 变形--旋转 rotate() 旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转.它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度.如果这个值为正值,元素相对原点中心顺时针旋转:如果这个值为负值,元素相对原点中心逆时针旋转.如下图所示: HTML代码: <div class="wrapper"> <div></div> </div> CSS代码: .wrapper { w…