- 博客(11)
- 收藏
- 关注
转载 CSS Sprites
CSS Sprites 技术对于广大的前端工程师来说应该是一点也不陌生。这个被国内开发者昵称为CSS精灵、CSS雪碧的家伙到底解决了什么问题,我们又怎样合理使用这个技术呢?下面让我们详细的聊聊。CSS Sprites技术的其中一个好处是图片的加载时间(在有许多CSS Sprites时,单张图片的加载时间)。由所需图片拼成的一张 GIF 图片的尺寸会明显小于所有图片拼合前的大小。单张的
2016-07-27 15:36:58 336
转载 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 319
转载 子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 265
转载 如何修正DIV float之后导致的外部容器不能撑开的问题
如何修正DIV float之后导致的外部容器不能撑开的问题 在写HTML代码的时候,发现在Firefox等符合W3C标准的浏览器中,如果有一个DIV作为外部容器,内部的DIV如果设置了float样式,则外部的容器DIV因为内部没有clear,导致不能被撑开。看下面的例子:HTML4STRICT代码: style="width:200px;border:1p
2016-07-25 18:39:50 3135
转载 绝对定位 相对定位 浮动
CSS 定位机制CSS 有三种基本的定位机制:普通流、浮动和绝对定位。除非专门指定,否则所有框都在普通流中定位。也就是说,普通流中的元素的位置由元素在 (X)HTML 中的位置决定。块级框从上到下一个接一个地排列,框之间的垂直距离是由框的垂直外边距计算出来。行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。但是,垂直内边距、边框和外边距不影响行
2016-07-25 15:56:35 2034
转载 CSS样式覆盖规则
规则一:由于继承而发生样式冲突时,最近祖先获胜。CSS的继承机制使得元素可以从包含它的祖先元素中继承样式,考虑下面这种情况:123456789101112html>head>title>rule 1title>style>
2016-07-25 15:36:00 392
转载 行内元素,块状元素
块级元素: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 398
转载 脱离文档流
作者:张秋怡链接:http://www.zhihu.com/question/24529373/answer/29135021来源:知乎著作权归作者所有,转载请联系作者获得授权。Q: 脱离文档流就不占据空间了吗?A: 可以这么说。更准确地一点说,是一个元素脱离文档流(out of normal flow)之后,其他的元素在定位的时候会当做没看见它,两者位置重叠都是可以的
2016-07-25 13:40:31 977
转载 为何img、input等内联元素可以设置宽、高?
元素是文档结构的基础,在CSS中,每个元素生成了一个包含了元素内容的框(box,也译为“盒子”)。但是不同的元素显示的方式会有所不同,例如和就不同,而和也不一样。在文档类型定义(DTD)中对不同的元素规定了不同的类型,这也是DTD对文档之所以重要的原因之一。1. 替换和不可替换元素从元素本身的特点来讲,可以分为替换和不可替换元素。a) 替换元素替换元素就是浏览器
2016-07-25 13:35:41 453
转载 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 415
转载 JQuery this和$(this)的区别及获取$(this)子元素对象的方法
1.JQuery this和$(this)的区别相信很多刚接触JQuery的人,很多都会对$(this)和this的区别模糊不清,那么这两者有什么区别呢? 首先来看看JQuery中的 $() 这个符号,实际上这个符号在JQuery中相当于JQuery(),即$(this)=jquery();也就是说,这样可以返回一个jquery对象。那么,当你在网页中alert($
2016-07-25 13:22:20 516
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人