自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

sunny327的专栏

sdsadasdasd

  • 博客(12)
  • 资源 (1)
  • 问答 (2)
  • 收藏
  • 关注

原创 min-height和min-width的用法

min-height和min-width这两个最小高度和最小宽度的容器属性相信大家并不陌生。先说说min-height。这个看起来很容易。看下面试例:div style="border:5px solid #f00;min-height:200px;width:300px;padding:12px;"> 最小高度div>运行图如下:先别高兴的太早,不要忘了

2014-07-25 11:53:04 2449

原创 外部一个div固定宽高,内部img也固定宽高,怎么让img在外部div中垂直居中对齐

html代码如下: css样式如下:()

2014-07-24 16:04:44 2920

原创 使层垂直居中的display:table-cell方法,多浏览器兼容

ie7和ie6都不能识别 display: table-cell;(但是支持display: block等css1的属性!)ie8以及以后版本可以识别!ie7和ie6能识别vertical-align:middle;如果盒模型中间只有几段文字的话,设置line-height就可以实现居中显示了!如果要实现盒模型中的div居中,可以参考以下代码:            d

2014-07-24 11:26:09 7901

转载 jQuery动态添加的元素绑定事件处理函数

有一段时间没用jquery了,今天又碰到这个问题。当时是知道有livejquery可以解决。但是我并不喜欢为了这个而另外加载一个。我当时的处理方法是在添加的时候手工绑定事件处理函数。不过新版的jquery已经添加了这个功能。我们已经不需要为此烦恼了。参考:http://api.jquery.com/live/以前我们定义事件,比如为元素定义单击事件是这样写的:$('input').cl

2014-07-24 08:54:52 1916

原创 web前端面试题(百度)

1、中的DOCTYPE是什么含义。DTD是什么含义。DTD用来解析session还用来解析什么?Html5的这个部分该怎么写?  !:文档类型。一个文档类型标记是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用语言解析器,这应该使用什么样的文档定义(DTD)来解析文档。二、公共的外联文档类型定义(使用公共标识符):[2]根元素PUBLIC "注册//组织

2014-07-23 23:16:07 1181

原创 display:inlin、block、inlin-block的区别

display:inline、block、inline-block的区别display:block就是将元素显示为块级元素.  block元素的特点是:  总是在新行上开始;  高度,行高以及顶和底边距都可控制;  宽度缺省是它的容器的100%,除非设定一个宽度  , , , , 和 是块元素的例子。  display:inline就是将元素显示为行内元素. 

2014-07-23 23:03:27 3903

原创 haslayout 以及怎样触发haslayout? 在什么情况下需要触发haslayout

给某元素 css 设定 zoom:1。使用 zoom:1 是因为大多数情况下,它能在不影响现有环境的条件下激发元素的 haslayout。而一旦问题消失,那基本上就可以判断是haslayout 的原因。然后就可以通过设定相应的 css 属性来对这个问题进行修正了。建议首先要考虑的是设定元素的width/height 属性,其次再考虑其他属性。对 IE6 及更早版本来说,常用的方法被称为霍莉破解

2014-07-23 22:12:55 1842

原创 position:relative与position:absolute的定位区别

CSS2.0 HandBook上的解释: 设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置,他们之间不会相互影响,而会在同一位置层叠。此时对象不具有外补丁( margin ),但仍有内补丁( padding )和边框( border )。要激活对象的绝对(absolute)

2014-07-22 17:44:20 4896 1

原创 ie6不识别png图片的解决方案

在web前端开发中,经常会遇到需要用背景或图片透明的问题。首先,目前我们所面临的情况是:1.在ie7+,firefox,safari,opera这些常用浏览器中,直接使用透明png是没有问题的,但在ie6下却不能透明。2.ie6目前的时常份额仍然很大,我们必须考虑兼容ie6的问题。png背景透明解决办法.pngbackground{background:url(

2014-07-21 15:18:46 948

原创 面试时遇到的问题

1、一个外层div中分别有span、img、a、div标签,怎样让它们并

2014-07-18 22:49:43 614

原创 web前端面试题

WEB前端面试题整理2011-11-16 11:201、列举你工作中遇到的IE6 BUG,谈谈解决方案。1.双倍边距bug:例如:给元素添加属性float:left的时候,设置margin-left,margin属性会加倍,此时需要添加属性display:inline.这样能避免双倍边距2.发生在一个元素浮动,然后一个不浮动的元素自然上浮与之靠近会出现的3px的bug。

2014-07-17 21:52:21 844

原创 javascript面向对象编程:封装

Javascript 面向对象编程(一):封装 Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。那么,如果我们要把"属性"(property)和"方法"(method),封装成一个对象,甚至要从原型对象生成一个实例对象,我们应该怎么做呢?一、

2014-07-17 16:26:03 593

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除