随笔分类 - CSS
摘要:From:http://css-tricks.com/perfect-full-page-background-image/Image above credited tothis site.This post was originally published on August 21, 2009 and is now being being republished as it has beenentirely revised. Both original methods are removed and now replaced by four new methods.The goal here
阅读全文
摘要:In looking at the "Web Forms : input placeholder" section ofHTML5 Cross Browser Polyfills, one I saw wasjQuery-html5-placeholder.I tried thedemoout with IE9, and it looks like it wraps your<input>with a span and overlays a label with the placeholder text.<label>Text: <spanst
阅读全文
摘要:From: http://www.cssk8.com/html/css_Tutorial/201002/09-2036.html在我们写样式的时候,页面的CSS在经历几个版本的修改之后,可能有些样式已经用不到了,或许将某些样式更名了而原来的忘了删除,总之页面中可能存 在着一些无用的样式。这些无用的浪费了一些服务器空间和带宽消耗,也会增大我们的维护成本。那么有没有一些办法来清理那些无用的样式呢?今天就让我们来了 解一下几个比较有用的工具。Dust-Me selectorsDust-Me是一个很有用也很好用的Firefox插件,它可以分析到你的页面中调用的所有CSS文件并分析那些在页面中没有被用到
阅读全文
摘要:From: http://papermashup.com/using-php-and-css-to-make-a-simple-graph/Here’s an easy way to display a simple percentage graph using PHP to work out the percentages and do the maths and CSS to display the data on our page. Here’s the demo.First you need to copy the CSS below into the head of your pag
阅读全文
摘要:div显示滚动条的css代码<div > 这里是你要显示的内容 </div>效果如下:显示滚动条的代码div显示上下滚动条的css代码<div > 这里是你要显示的内容 </div>div只显示上下滚动条OVERFLOW-Y:scroll;这段是关键修改div滚动条颜色的css代码<div > 这里是你要显示的内容 </div>修改滚动条颜色的代码SCROLLBAR-FACE-COLOR(立体滚动条凸出部分的颜色)SCROLLBAR-HIGHLIGHT-COLOR(滚动条空白部分的颜色)SCROLLBAR-SHADOW-C
阅读全文
摘要:要做到两个div在一行,就得利用float或设置总宽度之和等于小大div<style type="text/css教程"><!--.onediv{width:90px; height:50px;float:left;margin:0 0 0 5px; border:1px #000 solid; background:#ff0000}.twodiv{width:90px; height:50px;float:left;margin:0 0 0 5px; border:1px #000 solid; background:#99cc00}--><
阅读全文
摘要:显然:UL+LI在布局上比table灵活得多。比较分两列或者多列显示:table:你需要在服务器上写一大堆代码判断是不是需要换行,或者切分是不是准确DIV:你只需要定义好css,剩下的做事情叫交给浏览器吧。最简单的代码:XML/HTML代码<style type="text/css"> .mycode{ width:300px; height:74px; float:left;} .mycode ul{ width:280px;} .mycode li{ width:100px; float:left; display:block;} </style>
阅读全文