摘要：
【测试代码】 HTML CSS 一、概念理解 1.什么是雪碧图？？ CSS雪碧的基本原理，是把你的网站上用到的一些图片整合到一张单独的图片中，从而减少你的网站的HTTP请求数量。该图片使用CSS的background和background-position属性渲染，达到加在一次图片，可以实现复杂图片 阅读全文
摘要：
【测试代码】 一、line-height的性质 line-height在CSS中的定义为行高，具体计算方法如图所示： 由图中可以看出，在不设置元素高度以及padding、border、margin均为0的情况下，元素本身的高度就是它的line-height值，而文本与文本之间的间隙就是(line-h 阅读全文
摘要：
! ! — 惊叹号Exclamation mark ” " " 双引号Quotation mark # # — 数字标志Number sign $ $ — 美元标志Dollar sign % % — 百分号Percent sign & & & 阅读全文
摘要：
通常在写CSS前，为了保证兼容性及展示效果的一致，先会清除浏览器默认样式。此时有两种用法比较常用：1、*{}; 2、body{}; 之前我比较偏好于用*{}，比较便于把控样式的设置。一直也没试过body{}，所以对body不太了解。今天简单一试，发现了两者的区别。 简单讲就是——*{}将更改应用于H 阅读全文
摘要：
1.除二进制外的进制转换 “num不为二进制数“ num.toString(2) //转换成二进制 num.toString(8) //转换成八进制 num.toString(10) //转换成十进制 num.toString(16) //转换成十六进制 2.任意进制转换成十进制 parseInt( 阅读全文
摘要：
今天在进行FCC的第二个课程挑战时，发现页面的背景随着鼠标滚动，有一种像翻页一样的切换效果，看了之后虎躯一震，这是什么新奇玩意儿？？？立马在网上进行搜索，最后得到的结果 视差滚动。 这东西看着挺有意思，但实现原理还是挺简单的。就是把背景的background-attachment属性设置成fixed 阅读全文
摘要：
今天，没错又是今天，今天做的事情还真是多呢~还修了洗衣机，貌似除了写代码不行，样样都行了呢~ 好了，言归正传。今天在浏览一个网页时，鼠标滑过它的图片，出现了一种我感觉很酷炫的效果。像这样： 自己感受下~ <!DOCTYPE html> <html lang="en"> <head> <meta ch 阅读全文
摘要：
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括 阅读全文
摘要：
刚好今天学了用jQuery实现瀑布流的用法，但加载时发现了一个小小的问题，那就是分别用$(window).load与$(document).ready实现加载时，$(document).ready的布局混乱。 出现问题后，我在网上查了查，得到的答案是，$(window).load等同于原生的wind 阅读全文
摘要：
1.设计思路 1）获取窗口滚动高度； 2）获取附加导航栏； 3）获取导航栏下的所有li； 4）通过相同class获取所有监听元素；（此例中为jumbotron巨幕） 5）遍历所有监听元素，若当前元素距离文档高度小于文档滚动条的垂直偏移量（即滚动高度），获取当前元素ID。（此处获取的ID值，实际为ID 阅读全文