大家在学习了很多关于CSS布局的知识与技巧，然而CSS样式兼容问题也不容小看，它引出的问题往往让大家一愁莫展，由于各浏览器对CSS的不同解释，造成本来IE7可正常显示，但到了firefox 、ie6等其它浏览器上，却出现错位、下沉等问题，只得在firefox 、ie6 、ie

当父容器设置了透明度的时候，子容器会继承父容器的性质，面对这个问题我们也不知道该说是bug还是说是大家对透明的理解方式问题。先不管css的标准认为怎样才是最合理的，当我们遇到不想要子容器也透明的时候如何去解决这样的问题。 方法一： 针对IE，在子容

学习web标准，遵循Web标准进行开发和制作。一直以来与大家讨论的很多是关于布局方面的问题，而页面中主要的内容呈现，是图片和文字，今天和大家讨论关于CSS网页布局中文字排版的相关问题。 如何设定字体、颜色、大

看到淘宝网页中这样写使用的是import，而很多网站都是使用link，当然还有一些页面比较简单，流量很大的网站，是直接将CSS写在html代码中的？他们有什么区别？css用import还是link好？从经典论坛和另外一个网站大概了解了一下 看到淘宝网页中大部分是这样写的

以图换字是CSS布局中非常常用的一种手段，因为图片文字有时候比可选的文字的表达效果更好！ 因此，某些文字标题是用图片来表达的。但写一个img标签实在不雅，为了照顾蜘蛛，我们使用浏览器障眼法。 于是用最常用的text-indent： css： 示例代码 h4 a{backgro

页面有个a标签的样式，但是我想要期中一个a标签不使用样式怎么办？ 可以单独定义他的样式 #page a：link{color：#304c36；text-decoration：none；font-size：13px；} #page a：visited{color：#304c36；text-decoration：none；font-size：13px；} #page a

PNG图像格式介绍： PNG是20世纪90年代中期开始开发的图像文件存储格式，其目的是企图替代GIF和TIFF文件格式，同时增加一些GIF文件格式所不具备的特 性。流式 网络图形格式(Portable Network Graphic Format，PNG)名称来源于非官方的PNGs Not GIF，是一种位图

最近在做一个旋转木马的特效时候碰到了一个很诡异的问题在IE8以下的IE内核浏览器中，当一个父级定义了filter的alpha时，如果它子级也有滤镜则这个层中的文字全部会变为灰色（小半透明形式展示）如下例： [html] view plaincopyprint? !doctype html head sty

一、css为什么放在在head中而不是body里面或者其他地方？ 都说放body里面是不符合标准，其实最主要的原因不是如此，因为我们在实际情况中会有body中出现css链的存在（虽然这样很二，但是却不得不承认偶尔这样二的事还是会发生），事实也证明在浏览器的宽大下

代码如下: style type=text/css .wdqy { background-image: url(../../../images/Common/common.png); background-repeat: no-repeat; background-position: -35px -694px; padding-right: 15px; } .wdqy:hover { background-image: url(../../../images/Com

在做企业站的英文版的时候，英文单词由于剩下的空间不足，导致整个单词都换行，造成单词之间的空隙太大。如下图 ： 使用css属性 word-break:break-all; 后的效果：如下图： 强制不换行 复制代码 代码如下: { white-space:nowrap; } 自动换行 复制代码 代码如

css3中如何让多余的字符串消失并附加省略号的方法 可以使用 复制代码 代码如下: white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis;height:50px 让多余的内容隐藏并附加省略号(只能在单行中有省略号)

建议:尽可能的手写代码，可以有效的提高学习效率和深度。 由于IE6并不支持position:fixed，所以导致很多好的效果都无法实现，但是在IE6下并不是不能够实现，下面就通过一段实例介绍一下如何实现此种效果。代码实例如下: 复制代码 代码如下: !DOCTYPE html PU

复制代码 代码如下: function wangjinlinkf() { getURL(http://www.jb51.net, _blank); } var wangjinmenu = new ContextMenu(); wangjinmenu.hideBuiltInItems(); wangjinmenu.customItems.push(new ContextMenuItem(技术支持, 脚本之家, true)); _root.men

给a设置了一个背景，其他浏览器及ie9下测试正常，但ie8就开始无法解析background属性，找了半天原因，发现时background属性值书写的格式有问题 平时我爱这么写 复制代码 代码如下: background:url(../images/liborderbg.png)0 29px no-repeat #81afd5 改写成

一般情况下导航菜单的背景图片都是比较有规则的，但是平时我们也会遇到很多背景图片形状不规则导航条（比如但鼠标移上的时候，背景图片不规则，本例只讨论此种类型）,如下图所示： （ 图一 ） 当鼠标移上去的时候背景变成红色箭头，也许，咋一看，觉得这个效

网页设计布局中一直比较流行网格对齐，但只是针对水平的对齐，很少或者没有涉及垂直对齐，这篇文章很详细的讲解了垂直网格，乃至基线对其的相关，而css3中的多列布局的也使其显得更为重要，因此还是很有必要去了解学习，至少也是一种思路。 这或许是因为缺少

首先要做的是挑选一个好的浏览器。我的选择是Chrome，因为它拥有强大的调试工具。当我在Chrome上完成调试后，我会接着在Safari或者Firefox上调试。 如果在这些好的浏览器上没有达到期望的效果，很有可能是代码本身违背了CSS规则。不要试图使用hack方法来解决

一、IE浏览器模式Hack标识 1、css hack标识 ie6 { _property: value; }ie7 { +property: value; }ie9 { property: value9; }lte ie7 { *property: value; }gte ie8 { property: value; }all ie { property: value9; }/*注：除非万不得已，否则不推荐使

如果你开发web相关应用或者网站的话，肯定知道CSS对于页面布局的重要性。在本篇CSS技巧中我们将介绍页面加载的流程来帮助你更好的实现页面布局。 介绍 在我们开始正式的介绍页面流程前，我们需要简单了解几种不同类型的html元素，以及它们的缺省显示方式。这

一、浏览器默认处理文本换行 现在的浏览器对文本的换行处理还是比较合理的，当文字超过容器宽度时会自动换行，那么它是怎么自动换行的呢？即：当一行的末尾容纳不下下一个文字或单词时，就会自动换行， 英文单词不会被截断，相当于一段默认的css: { word-wra

一、使用STYLE属性： 将STYLE属性直接加在个别的元件标签里。 元件(标签) STYLE=性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...} 例如： TD STYLE=COLOR:BLUE; font-size:9pt; font-family:标楷体; line-height:150% 这种用法的优点 是可灵巧应用样式於各

做前端也有几年时间了，不敢说能把他看地多透，但是多多少少还是有些自己的东西。就制作而言，我将一张页面分为四层：框架、布局、模块、列表和数据块。 一、框架 页面的框架基本上都是：头、主体、尾。但是对于一些页面如Tudou.com，由于布局的需要，还应在

你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样

对于新手或入门者来说，往往会有这几方面的疑问： 什么是DIV＋CSS？实质是什么？ DIV+CSS的优势何在？ 新手学习div＋css，该如何入门？ 使用什么软件来布局页面和编辑css呢 ？ 能不能提供几个实例具体讲解一下怎么来实现？ 诸如此类的问题，是新手们最常问的