柳影花阴:八条实用的 CSS hack 技术(上)
CSS Hack用于对不同浏览器区别处理,这样就做到了针对一些浏览器之间的显示问题进行单独的样式设计进行修复,关于如何使用hack,举一个非常简单的例子,例如CSS中的导入样式表语句@import,它是IE5之后才被IE所认同的一个命令,因此如果使用@import导入样式表,这些样式表只有IE5才能看到,IE4是没有办法解析的。
CSS Hack用于对不同浏览器区别处理,这样就做到了针对一些浏览器之间的显示问题进行单独的样式设计进行修复,关于如何使用hack,举一个非常简单的例子,例如CSS中的导入样式表语句@import,它是IE5之后才被IE所认同的一个命令,因此如果使用@import导入样式表,这些样式表只有IE5才能看到,IE4是没有办法解析的。
如何消除IE中长按钮左右边无故出现“补白”的问题。但是,但我们把按钮放到表格单元格中的时候,新的问题又出现了。当我们把一个长按钮放到红色边框的单元格中时,即使我们把单元格的宽度设置得比按钮小…
在IE中长按钮会出现额外的长度,看起来似乎是因为它依据错误的字号来计算按钮长度,改变按钮元素的内外边距也无法解决问题。一个思路就是把按钮的长度直接设置为较小的值,使其容纳不下长文本,然后通过设置“溢出可见”让文本来撑大按钮的长度。
你肯可能会对代码中空白的alt标签感到疑惑,尤其是那些认为页面中每张图片都应该添加alt属性的人。事实上alt中的描述信息不是必须的,空白标签完全符合标准,并且能帮助屏幕阅读器有效的筛选信息,为用户寻找下一个可访问项目节省宝贵时间。
结合一定的美工设计,这种美化提交表单的方法显得非常方便,但不幸的是,很多设计者和开发者都不知道这个元素的存在。那么现在,如果你决定把button元素应用到你的网站中去,在标签和CSS方面必须明确几个基本的要求 …
对一个设计者而言,创建良好的用户界面一直是件比较费力的事情,尤其网站应用程序的开发,由于不同浏览器在外观渲染上的差异,加之操作系统的不同,使得这个任务更加艰巨。在视觉设计方面,表单元素是难以应付的对象之一,下面我们就来看看经常使用到的“按钮”。
在HTML结构中,我们把文件上传表单放置到一个应用了cabinet样式的label容器中,而表单本身也被赋予了一个名为file的样式。整个效果涉及到一个HTML文档、一张背景图和一个名为si.files的JS文件,我们用于包含表单的容器元素类型或其中涉及的样式类名可以修改,但是注意要与si.files.js中的声明保持一致。
很多人习惯用一些无关外观的元素来调整页面的显示效果,比如堆砌几个换行标签来为页面留白,这种在文档中随意添加无意义标签的做法应该尽量避免,况且CSS有足够的能力来控制这些外观上的表现。而如段落和换行之类有实际含义的标签,就应该只出现在能体现它们分段和换行功能的地方。