CSS
DIV块级元素与内嵌元素之间嵌套规则详解
这个也许平时人们不注意，但是非常有用，尤其是当你实在找不到原因为什么网页显示错误的时候。 XHTML 的标签有许多：div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我们在运用这些标签搭建页面结构的时候，是可以将它们无限嵌套的 […]
一款漂亮的表格样式
最近做一个邮件提醒功能，就想在网上找一个漂亮的表格样式，后来找到了这个，感觉还蛮好看的。 清秀干净比较简单。 代码预览 <style type="text/css"> /* CSS Document */ body { font: normal 1 […]
纯CSS实现气泡提示框聊天框效果
世界上的语言多种多样，字符的种类也是千差万别，形状也是千奇百怪，所以，有些字符就可以当作图形来使用，以模拟一些web表现效果。很多对话框尖角就可以使用棱形字符(◆)来实现，我们可以让其溢出div显示，不就有了尖角效果了吗！定位可以使用margin负值或是absolute绝对定位。 […]
文字环绕图片的写法
文字环绕图片的方法： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 <html> <head> <title> New Documen […]
Css中路径data:image/png;base64的用法详解
大家可能注意到了，网页上有些图片的src或css背景图片的url后面跟了一大串字符，比如： 1 2 3 4 5 6 7 background-image:url(data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAAk […]
IE6,IE7,IE8 CSS兼容性bug解决方法详解
断断续续的在开发过程中收集了好多的bug以及其解决的办法，都在这个文章里面记录下来了！ 希望以后解决类似问题的时候能够快速解决，也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法！ 1：li边距“无故”增加 任何事情都是有原因的，li边距也不例外。 先描述一下具体 […]
Table布局height=100%无效分析及解决方法
table布局 height=100%无效分析 在使用table表格进行页面布局时，经常使用将表格高度设置style=”height:100%”来实现表格高度满屏效果，但在最新的浏览器中经常遇到无效，根本原因再于浏览器使用用的工作模式的不同造成的；在Fir […]
ie下li标签中span加float:right换行问题解决方法
在IE6，IE7下使用标签时，在加入右浮动样式（float:right）后，会换行的bug解决方案: bug案例:新闻列表中，为使时间右对齐，加右浮动产生换行 1 2 3 4 5 6 <ul> <li><a href=“#”>测试</a& […]
Input按钮和输入框默认样式的高度差别详解
很遗憾，写了这么多年的html，居然没有仔细研究过每个标签的默认样式。 今天在写输入框和按钮的时，不服气写hack，发现在号称最标准解析的firefox和chrome之间居然都存在一些细小的差异，。 一直很偷懒，认为input设置高度后，不仔细对比text和button之间的样式 […]
IE中Javascript脚本失效BUG解决方法
IE 浏览器的脚本失效是个源远流长的问题了，有时撞上了那也只能归结于缘分，完全没得解释。 当然脚本失效也有轻重，有时是页面全部烂晒，图片文字全部显示错位，惨不忍睹，其实坏的这么彻底反倒容易发现问题，也容易解决。 最怕就是那种大问题没有小问题不断的情况，像我，基本的脚本效果都支持， […]