最近的文章列表

HTML中include file的用法

语法

<!-- #include PathType = "FileName" --> 

参数

PathType  路径类型

2014/6/25 Comments:
IE10 11 取消input框默认的叉叉和密码输入框的眼睛 -ms-clear

IE10默认在input框中输入内容后会显示一个‘X’按钮,方便删除输入的所有内容。

在password输入框显示一个眼睛的按钮,去掉眼睛和叉叉的方法如下:

::-ms-clear { display: none; }
::-ms-reveal { display: none; }
2014/6/19 Comments:
IE6中常见CSS兼容性解决技巧及常见浏览器兼容性问题与解决方案

1、使用一个声明

你必须经常在HTML网页头部放置一个声明,推荐使用严格的标准。同时需要是IE6进入兼容模式,这已经足够兼容的了。

2、使用position: relative

设置一个标签position: relative可以解决很多问题,特别是曾经有过看不见的经历或者奇怪布局的框架。明显的,你需要小心,绝对位置放置的子元素是否都参照找到新位置。

3、为浮动元素使用display:inline

...
2014/2/25 Comments:
详解haslayout 解决IE样式bug

要想更好的理解 css, 尤其是 IE 下对 css 的渲染,haslayout 是一个非常有必要彻底弄清除的概念。大多 IE
下的显示错误,就是源于 haslayout。

什么是 haslayout ?

haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念,渲染引擎采用了 hasLayout 的属性,属性值可以为true或false。当一个元素的 hasLayout 属性值为true时,我们说这个元素有一个布局(layout)

...

2014/2/25 Comments:
CSS 居中方法汇总(hacks, translate(-50%,-50%), 绝对定位等)

<center>

不建议用了。

text-align:center

在父容器里水平居中 inline 文字,或 inline 元素

vertical-align:middle

垂直居中 inline 文字,inline 元素,配合 display:table ,display:table-cell,有奇效。

line-height

与 height 联手,垂直居中文字

margin:auto

2014/2/13 Comments:
为什么使用<!DOCTYPE html>就可以,正确使用DOCTYPE

Doctype是啥?

<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

Document Type 文档类型,缩写成DOCTYPE,在html中它就是个标签:<!DOCTYPE>,它有自己的声明格式,不是在html标签前加上它就完事了的,查看qq.com页面源码可见如下声明:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

DOCTYPE 包含 6 部分:

  1. 字符串“<!DOCTYPE”
  2. 根元素通用标识符“HTML”
  3. 字符串“PUBLIC”
  4. 被引号括起来的公共标识符(publicId)
  5. 被引号括起来的系统标识符(systemId)重点在这里 ,继续往下看
  6. 字符串“>”
2014/2/10 Comments:
css九宫格 用负margin使元素的border叠加

上次一个九宫格的面试题,点击这里,本文是对九宫格另外的实现方法的探讨。

9个元素,每个50*50px,排成九宫格默认是border颜色为blue,hover到格子上变成red(兼容到IE6)

css题目

...

2013/12/13 Comments:
CSS通过伪元素自定义滚动条样式 IE定义滚动条样式

相信很多人都遇到过在设计中自定义滚动条样式的情景,之前我都是努力说服设计师接受浏览器自带的滚动条样式,但是这样只能规避还是解决不了问题,最近在项目中遇到了,正好来总结一下。当然,兼容所有浏览器的滚动条样式目前是不存在的。

IE下的滚动条样式

IE是最早提供滚动条的样式支持,嗯,好多年了,但是其它浏览器一直没有支持,IE独孤求败了。

这些样式规则很简单:

  • scrollbar-arrow-color: color; /*三角箭头的颜色*/
  • ...
2013/12/12 Comments:
面试题:css九宫格 兼容IE6 考虑语义化的结构

网上疯传了一道css面试题,题目是这样的:

9个元素,每个50*50px,排成九宫格
默认是border颜色为blue,hover到格子上变成red(兼容到IE6,考虑语义化的结构)

css效果css效果

这道题目的重点和难点在于hover时候的效果,观察会发现相邻的两个格子需要共享同一条边。

...

2013/12/12 Comments:
html5里的datauri优缺点以及浏览器支持情况

html5的datauri的介绍和datauri的优缺点以及datauri的浏览器支持情况。检测您浏览器对HTML5 & CSS3的支持情况

一、Data URI简介

Data URI是由RFC 2397定义的一种把小文件直接嵌入文档的方案。通过如下语法就可以把小文件变成指定编码直接嵌入到页面中:

...
2013/11/29 Comments: