月度归档:2014 年七月

DIV+CSS布局与table布局的比较与区别



DIV+CSS布局与table布局的比较与区别。

一、有利于搜索引擎优化
使用table布局去制作页面的时候,通常为了达到一定的视觉效果会套用多层表格。但是蜘蛛搜索页面时,如果遇到多层表格嵌套,会跳过嵌套的内容或直接放弃整个页面。使得蜘蛛不能够抓取到页面的核心,那么这个页面就会被蜘蛛记录为相[......]

Read more

CSS实现垂直居中的5种方法介绍

CSS实现垂直居中的5种方法介绍。利用 CSS 来实现对象的垂直居中有许多不同的方法,比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。

       使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法[......]

Read more

IE6 兼容问题 横向双倍外边距

IE6 兼容问题 横向双倍外边距。IE6存在不少的兼容问题,今天要说的是IE6 的 横向双倍外边距

横向双倍外边距的触发条件:

当浮动元素的浮动方向和浮动边界的方向一致。此时用IE6查看网页,就会发现,设置的横向的边距变成了双倍。

如:元素向左浮动并且设置了左侧的外边距出现了这样的[......]

Read more

浮动元素的性质

浮动元素的性质。

  1. 浮动元素会脱离正常的文档流,按照其外边距指定的位置相对于它的上一个块级元素(或父元素)显示
  2. 浮动元素后面的块级元素的内容会向此浮动元素的外边距靠齐,但是边框和背景却忽略浮动元素而向上一个(实例中为父元素)任意非浮动元素靠齐
  3. 浮动元素后面的内联元素会向此浮动元素的外边[......]

Read more

IE6 浏览器常见兼容23个问题大汇总

IE6 浏览器常见兼容23个问题大汇总。综述:虽然说IE6在2014年4月将被停止支持,但是不得不说的是,IE6的市场并不会随着支持的停止而立刻消散下去,对于WEB前端开发工程师来说,兼容IE6 兼容各个浏览器,依然是不得不面对的工作。

在此总结了常见的浏览器兼容问题,里面也有IE6的常见兼容[......]

Read more

img中alt与title简单介绍

img中alt与title简单介绍。

alt与title的不同:

1、含义不同

alt是当图片不存在时的替代文字;title是对图片的描述与进一步说明

2、在浏览器中的表现不同

在firefox和ie8中,当鼠标经过图片时title值会显示,而alt的值不会显示;只有在[......]

Read more