CSS细节问题回顾
早些年闲的蛋疼的时候,写了一些关于CSS无关紧要的细节的的文章,如今因为繁忙恐怕难就再有这种功夫胡扯了。这些文章离现在最近的也快要超过1年半,是时候拿出来更新和回顾一下了。 2012/11/28 - 那些CSS的细节问题(1) 2013/01/06 - 那些CSS的细节问题(2) —— 圆角响应区 2013/02/15 - 那些CSS的细节问题(3) —— 圆角边框和overflow 2013/04/12 - 那些CSS的细节问题(…
早些年闲的蛋疼的时候,写了一些关于CSS无关紧要的细节的的文章,如今因为繁忙恐怕难就再有这种功夫胡扯了。这些文章离现在最近的也快要超过1年半,是时候拿出来更新和回顾一下了。 2012/11/28 - 那些CSS的细节问题(1) 2013/01/06 - 那些CSS的细节问题(2) —— 圆角响应区 2013/02/15 - 那些CSS的细节问题(3) —— 圆角边框和overflow 2013/04/12 - 那些CSS的细节问题(…
能写文章,说明时间略有空余,这应该算好事吧~看了下草稿箱,果断还是选这篇先写完,因为和前面的几篇有关联。在之前的 圆角响应区 以及 圆角边框和overflow 中,已经讨论过圆角边框的一些问题,本篇如题,是关于圆角边框和 outline 的,这里也正好回答了一丝在圆角响应区里提出的“为什么不在做DEMO的时候用 outline 描画边缘?”的问题。在写那篇之前做DEMO的时候,我是用了 outline 的,但注意到 outline 的一些问题之后,又把它从DEMO里移除了,并起草了这篇文章的标题,…
本篇是上篇《那些CSS的细节问题(2) —— 圆角响应区》的一个简短的延续,因为在上篇的篇幅里实在已经容不下更多混乱的部分。 尽管现在圆角边框的教材已经烂了大街到处都是,并且这个属性已经是诸多CSS3属性里应用最为广泛的特性之一,但却丝毫无法掩盖这个属性一路走来的坎坷。时至今日,现代浏览器对圆角边框的解释仍然存在诸多问题,比如上篇那些CSS的细节问题(2) —— 圆角响应区 讲到的对“响应区”影响的问题,实则也只是这个属性一路而来的问题之一而已。因为,单看一个属性确实很明了——无论是定义还是实际实现起来,然而,一旦这个属性和其他属性作用在一起,事情就没这么简单了。 下文中的内容,皆以如下版本的浏览器为基准:Chrome-24,IE-9,Firefox-18,Opera-12.…
之前《那些CSS/JavaScript的细节问题》我都是凑足3个再开始写,现在发觉,很多时候要凑出3个古里古怪的问题还真不是件易事~ 有的时候想到要写一个问题,想等凑多些再写,但又总是一直拖着,好端端的讨论话题都过期了。更糟糕的是,往往好不容易凑足了数量,结果之前要写的东西居然又模糊不清了...以后,在一定时间里凑不出数量的话,也只好先写起来再说:) 所以今天,就只有一个问题,关于边框圆角:圆角边框是否影响元素的响应区域? 想象一下,一个 div 通常被我们认知为一个盒子(box),现在在它的周围有一个圆角边框,那么在这个矩形盒子的四个角上,必然会出现一些空隙(特别是当这个圆角矩形变成一个圆时候)。那么对于这个元素而言,…
几个月前写了一篇 那些JavaScript的细节问题(1),专记些细微的,古怪的,甚少有用的东西,不过,可以当作茶余饭后的消遣。这次凑了3个CSS的问题,也好给JavaScript那个系列凑个成对。 好了废话不多说了,来看看下面这些或易或难的无聊问题吧~ 1. 指针样式的变化 隐藏或显示带有指针样式的对象后,指针样式会马上改变吗? 文字上很难一言概之。想象一下有两个正方形的div,背景一红一蓝,它们都绝对定位并重叠,红色(鼠标样式为默认)在下,蓝色(鼠标样式为手形)在上。初始状态下,鼠标蓝色层上,数秒后,蓝色层被隐藏,…
JS写的多了以后,日常也就会遇到各种各样扯淡的问题。这些问题往往只是无关紧要的细枝末节,但偶尔有时候,也会给我们造成一些困扰。于是,我打算不时的拿出一些这类问题讨论和记录,这样,需要答案的人可以找到。没事看看的朋友,也可以当作消遣:) 鉴于这类问题浏览器相关性很强,所以每次我都有必要说明测试环境,我把它们写在最后,当我讨论这些问题的时候,都默认限制在这个测试环境之内。 1. alert() 内容为空时,出现什么? 先来一个比较简单的。如果你未曾尝试,想象一下,直接无参数调用 alert() 会跳出什么? Chrome 和 Safari 弹出内容是…