perny的专栏

http://www.css-gallery.co.uk/index.php?page=8  经典的CSS网站设计网站http://www.carlsholm.se/hem/http://www.isureinsurance.co.uk/http://www.csshardcore.com/?referrer=css-gallery.co.ukhttp://www.

去除虚线框的方法优劣兼容性是否中断tabthis blur链接聚焦触发时失去焦点，js和html耦合在一起无是a:focus {outline:none; -moz-outline:none}outline由css2.1引入，去除虚线框视觉上的问题正是css的职责ie6/ie7不支持,ie8+/ff /safari/opera[2]支持否

.XXX{cursor:url(../../images/rail1/arrow-l.cur) auto;}IE, Opera只支持*.cur等特定的图片格式

//外围已知宽度节点 1 2 34 5 .pagediv{ width:500px; text-align:center; padding:13px 0; float:left;}.pagediv ul{margin:0 auto; }.pagediv li {display:inline;}.pagediv span, .p

一般情况下，页面中会用 OBJECT 与 EMBED 元素来显示一个 FLASH 动画。大致代码如下：

* html,* html body{background-image:url(about:blank);background-attachment:fixed}/**/* html .ie6fixedTL{position:absolute;left:expression(eval(document.documentElement.scrollLeft));top:expression(eva

解决方法 一使 li 浮动，并设置 img 为块级元素ul{ width: 280px;}ul li{ float:left; display:block; height:57px; width:277px;}img{ display: block;}解决方法 二设置 ul 的 font-size:0;ul{ width: 280px; font-

转自：http://code.google.com/p/ie7-js/使IE5,IE6兼容到IE7模式（推荐）使IE5,IE6,IE7兼容到IE8模式 使IE5,IE6,IE7,IE8兼容到IE9模式 降级IE版本为7.0另外; 解决PNG显示问题 只需将透明png图

首先获取要使用字体的三种文件格式，确保能在主流浏览器中都能正常显示该字体。.EOT，适用于Internet Explorer 4.0+.TTF或.OTF，适用于Firefox 3.5、Safari、Opera.SVG，适用于Chrome、IPhone最常见的是.TTF文件，我们需要通过这种文件格式转换为其余两种文件格式。可以通过网站http://www.fontsquirrel

在网站开发过程中，可能会有希望图片垂直居中的情况，而且，需要垂直居中的图片的高度也不确定，这就会给页面的布局带来一定的挑战。我总结了一下，曾经使用过的几种方法来使图片垂直居中，除了第一种方法只限于标准浏览器外，另外两种方法的兼容性还不错。方法一：将外部容器的显示模式设置成display:table，这个设置的意思不用多说了吧… img标签外部再嵌套一个span标签，并设置span的显示模式

*{margin: 0; padding: 0;}html,body{height: 100%; background: #000;}#box{height: 100%; position: relative; overflow: hidden;} #imgList{height:200px;position: absolute; top: 50%; margin-top: -

1css控制截断文字溢出：.块{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left;}自动换行dd{white-space:normal; word-break:break-all;}强制

相信很多人都遇到过在设计中自定义滚动条样式的情景，之前我都是努力说服设计师接受浏览器自带的滚动条样式，但是这样只能规避还是解决不了问题，最近在项目中遇到了，正好来总结一下。当然，兼容所有浏览器的滚动条样式目前是不存在的。IE下的滚动条样式:示例scrollbar-arrow-color: color; /*三角箭头的颜色*/scrollbar-face-color: color;

微软雅黑  \5FAE\8F6F\96C5\9ED1 Microsoft YaHei宋      体  \5B8B\4F53                  SimSun黑      体 \9ED1\4F53                     SimHei

标准参考关于 'outline' 特性'outline' 可用于创建可视化对象的轮廓，例如按钮的轮廓；也可以激活表单的域等等。它与 'border' 属性的不同之处在于：它不占据文档空间；它可能不是矩形的。它是 'outline-style' , 'outline-width', 和 'outline-color' 的缩写。关于 'outline' 的详细信息，请参考

第一种方法：我们可以利用IE6不识别!important来实现：height:auto!important; height:500px; min-height:500px;这3句代码就让IE6也有了高度min-height的效果，大家可以把下面的代码复制保存成网页文件看看效果。还有一种方法：在IE6IE5IE7FF测试竟然正常，而且能通过W3C检测的,方法如下:

/*正常鼠标 */cursor:auto; /*十字鼠标 */cursor:crosshair;/*默认鼠标 */cursor:default;/*手*/cursor:pointer;/*移动鼠标 */cursor:move; /*改变大小鼠标 */cursor:e-resize,ne-resize,nw-resize,n-resize,se-resize,sw-resize

众所周知IE6不支持透明的PNG图片,而PNG图片在Web设计方面表现力上，具有其它图形格式所达不到的效果，IE6这一致命缺陷极大地限制了Web设计的创意发挥。虽然解决IE6的透明PNG的方法也很多,从使用IE特有的滤镜或是e­xpression,再到javascript+透明 GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与background-re

在页面中有时候使用ul li列表时ie6、ie7、ie8、FF的高度会不一样(其中ie6与ie7高度一样，ie8与FF高度一样)，设置高后使用 overflow:hidden;也无济于事，这个问题一直困扰着我，以至于我后来只能使用DIV来做列表，但是这样只能说是对付上的，但没从实际上解决这个问题。后来在网上找到了一个方法，在li样式上加上vertical-align:bottom便解决了，

在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素js在父窗口中获取iframe中的元素 1、格式：window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click();实例：window.frames[

一直也搞不清楚px与em之间的关系和特点，看过95%的中国网站需要重写CSS以后后确实收获很大。平时都是用px来定义字体，所以无法用浏览器字体放大的功能，而国外大多数网站都可以在IE下使用。因为1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位； 3. Firefox能够调整px和em，但是96%以上的中国网民使

DIV+CSS实现两边固定宽度,中间自适应宽度-天魅设计博客body{ margin:0; padding:10px;}#head{ margin-bottom:10px; height:50px; background-color:#999999}#main{}#left{ width:200px; float:left;margin-right:-200px; background-

话不多说，先看测试代码该段代码在标准浏览器（包括IE8+）中的效果为：但在万恶的IE6和IE7中的却是这样的：外面看到li元素的子元素是列表元素时（既ul,ol,dl）,li的顶部会莫名其妙的空出一段来，就像是给li设了一个padding-top一样。解决方法：触发li的hasLayout属性，最好的方法是li设置 zoom:1

实际上，list-style包括list-style-type、list-style-position、list-style-image 。list-style-type：设置列表项标记的类型。默认为disc。list-style-position：设置在何处放置列表项标记。值为outside、inside。默认为outside。list-style-image：使用图像来