2016年7月31日
CSS中背景图片的background-position中的left top到底是相对于谁的？
摘要： 在学习的时候遇到了如下问题： 首先我们来看一下盒模型：盒模型从外到内依次为：margin-box,border-box,padding-box,content-box. 现在我们来解答一下我们我们遇到的第一个问题，及background-position中的left top是相对于哪个box。答案是 阅读全文
posted @ 2016-07-31 19:01 远方的远 阅读(5308) 评论(0) 推荐(2)
2016年7月27日
制作可扩展的按钮
摘要： 下面这段CSS代码给body中class="btn"的按钮添加了一些效果，CSS代码如下： 效果如下： 按钮看上去不错，但是当我们想扩展一下，做一个大一号的按钮的时候，我们要改很多东西，改字体，改行高， 改边框半径等等所有影响到按钮整体协调性且用PX为单位的属性。所以为了按钮的可扩展性，我们要用相对 阅读全文
posted @ 2016-07-27 19:02 远方的远 阅读(626) 评论(0) 推荐(0)
CSS中的HSLA颜色
摘要： CSS 中的颜色可以由RGB色彩空间和HSL色彩空间两种方式来表述。其中我们常用的是RGB色彩空间，RGB色彩空间的颜色表示方式有：十六进制颜色（如红色：#FF0000）、RGB颜色（如红色：rgb(255,0,0)）,RGBA颜色（如半透明的红色rgba(255,0,0,0.5)），此外常见的颜色 阅读全文
posted @ 2016-07-27 12:54 远方的远 阅读(15372) 评论(0) 推荐(1)
2016年7月25日
JavaScript(jQuery)中的事件委托
摘要： 一：什么是事件委托？ 事件委托是利用事件冒泡，只指定一个事件处理程序来管理某一类型的所有事件。 二：为什么要用事件委托？ 1.在JavaScript中添加到页面上的事件处理程序的个数直接关系到页面的整体运行性能。为什么呢？因为，每个事件处理函数都是对象，对象会占用内存，内存中的对象越多，性能就越差。 阅读全文
posted @ 2016-07-25 13:02 远方的远 阅读(58988) 评论(0) 推荐(0)