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命名规范... 1 CSS书写规范及方法. 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-Css ie6 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进制的时候，如果每种颜色的值相同，就可以写成一个： 1 color：#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