随笔分类 - div+css
div+css
摘要：最近由于某些原因，导致我不得不把注意力从原来的JS转到CSS上，尽管我现在已经不太想搞CSS了，但现实就是这样不尽人意，没有办法。那今天我就说说我所喜欢的流体布局吧，看到网上很多关于两栏布局中要求一栏固定宽度，另一栏自适应，三栏布局，两侧固定宽度，中间栏自适应的做法都是用到一绝对定位，如： 左侧 ...
阅读全文
摘要：啥也不说了，我只是个杯具的前端#element { color:orange; } #element { *color: white; /* IE6+7, doesn't work in IE8/9 as IE7 */} #element { _color: red; /* IE6 */} #element { color: green\0/; /* IE8+9 */} :root #element { color:pink \0/; } /* IE9 */
阅读全文
摘要：一个老生常谈的问题，很多时候我都是用js去获取内容高度然后margin-top：-height/2来实现，今天鬼使神差的常试用的css解决，但发现除了IE8外，其它的浏览器都可以，感谢群里的AY童鞋帮助解决IE8的问题，原来IE8已经支持display:table,display:table-cell了。HTML:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
阅读全文
摘要：标准浏览器对未知的DOM元素的处理上和IE有着很大的区别，只你给未知的元素正解的样式，标准浏览器一样可以正解的显示出来，比如<fuck style="border:1px solid red">fuck</fuck>,但IE(至少是IE9以前的版本)就不行，嗯，很蛋疼，虽然如此，还是有补救的办法，就是通过js来创建这些未知的标签，IE就是奇迹般的识别，还可以用css给它们定样式，嗯，再一次蛋疼。所以想在IE下用HTML5标签的办法就是如下这段js了：<!-- [if lt IE 9]><script>(function(new
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-
阅读全文
摘要：无标题文档 test1 test1 test2 test1 test2 test3 test1 test2 test3 test4
阅读全文
摘要：鉴于实在无法忍受那种写一句就换一行的css写法，有个项目中的一个css文件竟然高达6000多行，看着实在蛋疼，无实今天下定决心整理一下，在DW里可以用正则很好的进行替换，步骤如下：一：\r = ''二：} = }\n二：{\s+ = {四：;\s+ = ;五：\/(\*([^\/])+\*)\/ = \n/$1/\n说明：第一步：替换掉css文件里所有的换行第二步：在所有的“｝”后加一个换行第三步：将所有的“｛”后面的所有空格去掉第四步：将所有的“;”后面的所有空格去掉第五步：将所有注释作为单独一行
阅读全文
