女王控的博客

前端

161 篇文章

去除冗余 – 精简您的CSS样式代码

一些常见不必要 CSS 样式 与默认 CSS 样式一致 我们有时候写的 CSS 样式会与浏览器默认的 CSS 样式一致,有时候您自己都可能没有意识到。 常见的例子有: width / height 很显然,这段样式是没有必要的,默认的任何块状元素的高度几乎都是 auto。 padding 上面有关 body,p 等标签的样式中有个样式是无效的,与默认值一致的,这个样式就是 padding:0,对于 body,p,h1~6 这些标签,本身的 padding 值就是 0,所以只需要 margin:… »

Page Visibility(页面可见性) API介绍

API 目前页面可见性 API 有两个属性,一个事件,如下: document.hidden: Boolean 值,表示当前页面可见还是不可见 document.visibilityState: 返回当前页面的可见状态 hidden visible prerender preview visibilitychange… »

浏览器样式小数的处理

解析差异 上面一行是 11.9 像素大小的文字,下面一行是 11.4 像素大小的文字,看看各个浏览器下都表现得怎么样: IE6 浏览器下(IE 下与此表现一致,避免重复,IE7 下图略) Firefox 浏览器下 chrome 浏览器下(Safari 同内核,同表现) 当文字大小 11.9 像素时,IE6 和 Firefox 等浏览器的表现是不一致的。IE6 下显示的是 11 像素大小的文字效果,而 Firefox 等 w3c 标准的浏览器则 1… »

html与body的一些特性

背景色 一般情况下,我们 css 控制的最高节点就是 body,例如设置: body 作为一个根节点起作用了, 标签未被激活,body 担当类似于根节点的节点,其 background 背景色被浏览器俘获,浏览器界面背景色为 background 的背景色 按照对一般标签的理解,100 像素的外边距应该不含有背景色的,然而显示的结果是(Firefox 下表现与此类似): 一旦设置了 节点的 background… »

复选框单选框与文字对齐问题

产生的条件 对于 14 像素大小的字体是没有本篇所要探讨的单(复)选框与文字对齐的问题的。(见下图) 但是,对于 12 像素大小的文字,则就存在对齐问题了,尤其在 Firefox 火狐浏览器以及 chrome 谷歌浏览器下。(见下图) 这就是本文所要研究与解决的问题,可以肯定的是单复选框与文字默认以 vertical-align:baseline 的方式对齐的。 解决方案 vertical-align: text-bottom css 代码如下:vertical-align:text… »

0%