女王控的博客

CSS知识点

12 篇文章

浏览器样式小数的处理

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

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-bottom; margin… »

flex深入理解

语法 语法解构 CSS语法中的特殊符号的含义绝大多数就是正则表达式中的含义,例如单管道符|,方括号[],问号?,个数范围花括号{}等。具体说明: 首先是单管道符|。表示或者。也就是这个符号前后的属性值都是支持的。因此,下面这些语法都是支持的: 接下来是 … 这一部分。其中方括号 表示范围。也就是支持的属性值在这个范围内。我们先把方括号 内其他特殊字符去除,可以得到下面的语法: 这就是说,flex属性值支持空格分隔的… »

CSS数据上报和HTML验证

纯CSS实现数据上报 举个例子,要跟踪并统计某个按钮的点击事件: 此时,当我们点击按钮的时候,相关行为数据就会上报给服务器,这种上报,就算把JS禁掉也无法阻止。 点击页面的两个按钮,可以看到发出了如下的请求: 当然,我们可以统计的不仅仅是单击行为,hover行为,focus行为都可以统计,当然,还有很多其他方面的。例如: 不支持CSS3浏览器比例统计 例如,我的Chrome发出的图片请求地址就是: 类似的,我们可以检测支持其他一些CSS… »

0%