2016年07月_riledog

转载 CSS Sprites

CSS Sprites 技术对于广大的前端工程师来说应该是一点也不陌生。这个被国内开发者昵称为CSS精灵、CSS雪碧的家伙到底解决了什么问题，我们又怎样合理使用这个技术呢？下面让我们详细的聊聊。CSS Sprites技术的其中一个好处是图片的加载时间(在有许多CSS Sprites时，单张图片的加载时间)。由所需图片拼成的一张 GIF 图片的尺寸会明显小于所有图片拼合前的大小。单张的

2016-07-27 15:36:58 325

转载 div 透明

用css3的rgba颜色rgba(0,0,0,0.5)，最后那个0.5是透明度。缺点是老版本ie不支持rgba。用半透明的png背景图做外面div的背景，缺点是ie6下需要另外增加一个js来让png背景半透明里面的div1、2移出来不要和最外面div成为父子关系(就不会继承)，然后大div依然为opacity: 0.85，再用定位之类的办法把div1

2016-07-26 09:56:16 310

转载子Div使用Float后如何撑开父Div

子Div使用Float后如何撑开父Div一个Div包含了多个子Div，并且子Div使用了浮动后，父Div确不能被撑开，如下图：部分代码如下：1 style>2 #div1{border:1px solid red;float:left;}3 #div2,#div3{float:right;border:1px solid blue;}4 style>

2016-07-25 18:40:26 250

转载如何修正DIV float之后导致的外部容器不能撑开的问题

如何修正DIV float之后导致的外部容器不能撑开的问题在写HTML代码的时候，发现在Firefox等符合W3C标准的浏览器中，如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没有clear，导致不能被撑开。看下面的例子：HTML4STRICT代码： style="width:200px;border:1p

2016-07-25 18:39:50 3086

转载绝对定位相对定位浮动

CSS 定位机制CSS 有三种基本的定位机制：普通流、浮动和绝对定位。除非专门指定，否则所有框都在普通流中定位。也就是说，普通流中的元素的位置由元素在 (X)HTML 中的位置决定。块级框从上到下一个接一个地排列，框之间的垂直距离是由框的垂直外边距计算出来。行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。但是，垂直内边距、边框和外边距不影响行

2016-07-25 15:56:35 1986

转载 CSS样式覆盖规则

规则一：由于继承而发生样式冲突时，最近祖先获胜。CSS的继承机制使得元素可以从包含它的祖先元素中继承样式，考虑下面这种情况：123456789101112html>head>title>rule 1title>style>

2016-07-25 15:36:00 368

转载行内元素，块状元素

块级元素：div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table行内元素：span, strong, em, br, img , input, label, select, textarea, cite, 区别： 1）块

2016-07-25 14:05:49 387

转载脱离文档流

作者：张秋怡链接：http://www.zhihu.com/question/24529373/answer/29135021来源：知乎著作权归作者所有，转载请联系作者获得授权。Q: 脱离文档流就不占据空间了吗？A: 可以这么说。更准确地一点说，是一个元素脱离文档流（out of normal flow）之后，其他的元素在定位的时候会当做没看见它，两者位置重叠都是可以的

2016-07-25 13:40:31 960

转载为何img、input等内联元素可以设置宽、高？

元素是文档结构的基础，在CSS中，每个元素生成了一个包含了元素内容的框（box，也译为“盒子”）。但是不同的元素显示的方式会有所不同，例如和就不同，而和也不一样。在文档类型定义（DTD）中对不同的元素规定了不同的类型，这也是DTD对文档之所以重要的原因之一。1. 替换和不可替换元素从元素本身的特点来讲，可以分为替换和不可替换元素。a) 替换元素替换元素就是浏览器

2016-07-25 13:35:41 439

转载 try-catch-finally-return执行顺序

1，try-catch-finally执行顺序：①，执行try{}块②，如果try{}块有异常产生，执行catch{}块③，无论有没有异常都要执行finally{}块，这里可以看出只要finally中有return，必然返回finally{}中的return2,return的执行，①，如果finally{}块中有return语句，只执行final

2016-07-25 13:31:11 400

转载 JQuery this和$(this)的区别及获取$(this)子元素对象的方法

1.JQuery this和$(this)的区别相信很多刚接触JQuery的人，很多都会对$(this)和this的区别模糊不清，那么这两者有什么区别呢？首先来看看JQuery中的 $() 这个符号，实际上这个符号在JQuery中相当于JQuery（）,即$(this)=jquery();也就是说，这样可以返回一个jquery对象。那么，当你在网页中alert($

2016-07-25 13:22:20 498

riledog的博客