renpinghao的专栏

CSS 概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一样式解决了一个普遍的问题 HTML 标签原本被设计为用于定义文档内容。通过使...

CSS hacks一、“标准兼容的浏览器”是指能够理解和支持HTML和XHTML,Cascading Style Sheet(CSS)，ECMAScript，W3C Document Object Model(DOM)标准的浏览器。浏览器=={古老的IE5.x|讨厌的IE6|里程碑IE7|新一代IE4|开发利刃FireFox|华丽的Oprea|异军Safari|Netscape}各种常

1、png图片在IE6下透明的方法之一，（* html selecter { behavior: expression(DD_belatedPNG.fixPng(this)); }）,与js通过添加其父节点的class名称，来改变样式，会出现bug      其原因就是下面的这段因为加上透明图片功能的代码造成的。{

1、本来自以为对浮动的了解已经蛮不错的了，但是在网上看到其他人的想法，发现还是有差距的。。。。  源链接：http://www.cnblogs.com/zllwebjs/archive/2010/03/19/1689980.html起源：.clearfix:after {visibility: hidden;display: block;font-

文章源链接：http://www.jb51.net/css/29329.html      点评：非同辈元素，任意一者或其祖元素拥有动态定位时，同时各自向上寻找动态定位的祖元素至共有的祖元素的下一级为止，并分别从中拿出具备最高级别的祖元素（或其本身）进行比较。XML/HTML Code复制内容到剪贴板>  html

ie6下，z-index问题。 ie6 不支持 z-index:0 (z-index 为 0)

原文来自百度文档：css规范CSS命名规范. 1一．文件命名规范... 1二．常用类/ID命名规范... 1CSS书写规范及方法. 2一.常规书写规范及方法... 2二．注释书写规范... 5三．样式属性代码缩写... 5四．hack书写规范... 8 CSS命名规范一．文件命名规范全局样式：global.css；框架布局：layou

源链接：   http://www.aa25.cn/div_css/373.shtml      也许你在做网页的时候发现，发一个区块内的元素被应用了float之后，那么整个box的高度对就不以被浮动对象的高度为标准了。如图中的城市导航内的城市列表中采用了float之后，那个外框的高度并不是内容元素的高度：怎么解决这个问题呢？经发现可以采用overflow来解决！方

在网上找的好多都不行，最后自己试了一下       html { overflow-x:hidden; overflow-y:scroll;}   加一个这个样式居然好了，呵呵！

1、今天做一个在页面的居中的客服，在其他浏览器先都好搞定，就是在IE6下遇到一点麻烦，最后在网站找到用css expression的方法解决它，但是在做的过程中还是         遇到了一些麻烦。 div  { pssition:fixed; _position:absolute; top:50%;  }  div {           _top:expression(eval(d

IE6bug整理(hover a:hover span)By Diaoyude  | 发布时间： 08-23 16:38  | Hits：857 | Post in： WEB前端 , Div-Cssie6 a:hover span今天在项目中遇到了这样的一

原文链接：http://www.chinaz.com/design/2010/0104/102920.shtml       核心提示：我们知道，在默认情况下，HTML 源码中的空白符均被显示为空格，并且连续的多个空白符会被视为一个，或者说，连续的多个空白符会被合并。HTML 的空白符处理规则HTML 中的“空白符”包括空格 (space)、制表符 (tab)、

原文链接：http://www.blueidea.com/tech/web/2006/3231.asp        之前看到很多人一直都问这个问题，不过当时我没当一回事，因为在 CSS 中要垂直居中，多数是在有高度的情况下，或者容器高度不定的情况下才用，看上去比较舒服，而且实现的方法也不少，不一定要拘泥于和 table 布局一样。不过最近有人问了几个例子，看来对此的需求还不少。现

1.radio，checkbox 2.pointer-events: 鼠标事件拜拜的属性;详解 3.user-select: 坑1，在做h5页面时，要在微信中识别图中二维码。 需要移除pointer-events 属性，及添加user-select:none;属性。坑2，h5页面中radio，checkbox加上label，在tap时会在后面产生一个阴影效果。 现在看的一个办法是，在radi

这个也许是为交互默认提供的，但是在我这里却成了bug。。。。

最近用HTML5写了个手机站，在测试的时候发现在苹果手机上的一个问题。所有的按钮都被了苹果自带的样式给替换了。效果如下： 但是正确的应该是酱紫滴！~ 只要在样式里面加一句去掉css去掉iPhone、iPad的默认按钮样式就可以了！~ （不要写在class里，哦）input[type="button"], input[type="s

最近看到群里对关于 移动端 web开发很是感兴趣，决定写一个关于 移动端的web开发 概念或框架（宝庆对此很是纠结）。也是因为自己一直从事pc 浏览器 web一直对 移动端的不是很重视，所以趁此机会也让自己对 移动端的开发 有个清晰的认识。环境：1. 移动端的内核：手机浏览器的内核是什么   在文章中 Android 手机 采用 Webk

IE 7  经典 bug  html 标签没有内容 不能触发事件

png-8 和 gif  图片的效果差不多 ， 会把透明效果淡化。  png  图片会保存透明  但是IE6不支持 这个效果，所以要和其他的特殊相结合。

1 、 当  IE6下Div（一般情况下）高度或宽度与其他浏览器设相同的值，但是显示的效果却不同，不得不用hack来搞定，这时可以在“出问题”的元素父级元素上设置高度或宽度（与其他浏览器设相同的值），再加上一个overflow:hidden（有时可以不加）。就可以解决了~~~~。

高效的css写法中的一条就是使用简写。通过简写可以让你的CSS文件更小，更易读。而了解CSS属性简写也是前端开发工程师的基本功之一。今天我们系统地总结一下CSS属性的缩写。色彩缩写色彩的缩写最简单，在色彩值用16进制的时候，如果每种颜色的值相同，就可以写成一个：1color：#113366可以简写为

Html代码  .ab{         font-size: 11px;  }   改成Html代码  .{        font-size: 11px;        -webkit-text-size-adjust: none;  }   原文链接：http://liuxiang822.itey

` FF ccs无法识别

1、 z-index：  最底层的元素z-index 决定了上层元素的显示层次，底层元素的值低，上层元素的值再高也没有用~

1、今天遇到一个问题：用juery 当中height()方法获取元素的高度，里面是有内容的，但是怎么弄都是height()==0，很是郁闷。。。。            最后终于找到原源代码 hide()  height() show()  这三个的顺序的原因，dis

<br /><br />1.div的垂直居中问题  <br />vertical-align:middle;  <br />将行距增加到和整个DIV一样高 line-height:200px;  <br />然后插入文字，就垂直居中了。缺点是要控制内容不要换行。 <br />2. margin加倍的问题      <br />设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。 <br />解决方案是在这个div里面加上di

<br />在CSS中有一个Alpha滤镜，这个滤镜可以设置目标元素的透明度。还可以通过指定坐标，从而实现各种不同范围的透明度。具体语法如下：<br />{filter: alpha(opacity=#opacity,finishopacity=#finishopacity,style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy=#finishy)}<br /><br /><br />具体参数含义如下：<br />

<br />1.绝对单位和相对单位：    px  和  em  （学习了，呵呵）<br /> <br />1. 代码：<br /><p style="background: #900; color: #00f; font: bold 12px/24px Helvertica,Arial,sans-serif; height:24px; width:370px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p><br /><br

<br /><table> 这个html标签比较奇怪，<td></td>内容的现实，居然和<td></td>内的Hml标签的摆放位置有关，之前也遇到过，如果<br /><X>                         和<X><Y></y><Y></y><Y></y><X>是有区别的。<br />     <Y></y><br />     <Y></y><br />      <Y></y><br /><X><br /> 

<br />以下方法已在Ie和FF下测试。<br /> <br />方法1.<br /> <br />        <div id="div1" style="width:960px; height:400px; border:1px solid red;"><br />            <div id="div2" style=" width:100px; height:20px; border:1px solid blue; margin:0 auto; ">分页控件。</div><br

<br /><input type="submit" value=" " runat="server" class="ipcsbcbtnSearch"  /><br /> <br /> <br />要点是value=“ ”   ,,哈哈哈！！！

<br />较全面的主流浏览器CSS BUG兼容汇总 <br /><br /><br />1.div的垂直居中问题  <br />vertical-align:middle;  <br />将行距增加到和整个DIV一样高 line-height:200px;  <br />然后插入文字，就垂直居中了。缺点是要控制内容不要换行。 <br />2. margin加倍的问题      <br />设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。 <br

     以前做静态页面时，经常用div。用这个时遇到“float：left”这个属性，就是让两个或几个div在一行显示，但是在IE6中会遇到问题，“双倍”间距，一般用（第一个用“display：inline”）可以解决。但是这个不好，一般建议用“”、“,”等等。这些是无论什么浏览器都会做相同解析的。所以，要少用属性，而要多用标签(如“”、“,”)，用了这些标签，就可以少用属性，就不会造成浏览器的

     最近作规范,得到公司高手的赐教，在制作静态页面中，经常遇到几个div的浮动问题，因为IE不同版本处理浮动会现两倍差距的问题（IE6，IE7），以前都是通过hack技术处理，（如 margin-left:10px,[*margin-left:5px;],_margin-left:5px;这是IE的问题），现在有一个方法：在第一个div的class加上（display：inline;）,就可

              aaaaaaaaaaaaaaxxxxxxxxxxxxxxx   ccccccccccccc           在页面显示的是：aaaaaaaaaaaaaaxxxxxxxxxxxxxxxccccccccccccc     这个标记可解决 ， 数据库中的数据内容含有html标记，在页面上显示时，破坏样式！！！！！！！！！  

             1。今天在看Jquery插件的使用中，看见让png格式的图片能在IE6下透明显示。。。哈哈！！！就立刻跟大家分享了。。。

<br /> <br /> <br />   #hgsysIndex a:link{ text-decoration:  none;color:#004499; cursor:pointer;}<br />   #hgsysIndex a:visited{ text-decoration: none;color:#004499; cursor:pointer;}<br />  #hgsysIndex a:hover{color: #FD8900; text-decoration: underline

zoom版本：IE5.5+专有属性　继承性：无 语法： zoom : normal | number 参数： normal : 　使用对象的实际尺寸number : 　百分数|无符号浮点实数。浮点实数值为1.0或百分数为100%时相当于

1、border:none;  IE7，8，FF等可以。但IE6不行。2、border: 0 none; 所有浏览器都可以了，呵呵！

原文连接：点击打开链接@import的媒体类型示例@import url("styles.css") screen;描述就像上面的例子那样，引入的样式表文件的媒体类型声明在文件地址的后面。在该例子中，媒体类型是”screen”。支持情况IE6