dllyj86的专栏

 table的css属性 border-collapsetable元素的css样式中的border-collapse属性，表示表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。具体的值有：separate：默认值，边框会被分开，不会忽略border-spacing和empty-cells属性collapse：如果可能，边框会合并为一个单一的边框...

工作中发现，同样一段文字，在IE8，Firefox和Chrome中，行数不同。IE8和Firefox中行数相同，Chrome中行数要多一样。最终的解决方案是使用  letter-spacing: -0.2px; /* for Chrome */ 减小字母的间距，这样文字在3个浏览器中表现的结果就一样了。...

转贴自：http://lightcss.com/all-about-clear-float/ 清理浮动的那些事儿（1）——6种清理浮动的方法发表于 2011年2月1日 由 Sivan文章目录[ - ]前言清理浮动的方法使用带有clear属性的空元素使用CSS的:after伪元素使用CSS的overflow属性进行怪异处理给浮动元素的容器添加浮动...

工作时遇到两个问题：1. <p><span>abc<br/> <br/></span></p>这个HTML代码，在IE中，span标签有3个自节点，分别是text, br, br。两个BR之间的空格没有被算成Text节点。Firefox中，两个BR之间的空格，也被算成Text节点了，造成Firefox中年，span的自节...

因为非Retina屏的iPad的-webkit-min-device-pixel-ratio是1.0Retina屏的设备是2.0。所以如果想对这两类设备分别设置css样式时，可以使用@media screen and (-webkit-min-device-pixel-ratio: 1.0)和@media screen and (-webkit-min-device-pixel-rati...

转自：http://www.cnblogs.com/daxiong/articles/3158630.html纯CSS气泡框实现方法探究 气泡框（或者提示框）是网页中一种很常见的元素，大多用来展示提示信息，如下图所示：拆分来看，形如这种气泡框无外乎就是一个矩形框+一个指示方向的三角形小箭头，要制作出这样的气泡框，如果解决了三角形小箭头就容易了。一种方法就是制作这样一个...

<div class="container" style="width: 100px; height: 50px;">    <div style="float: left; height: 10px; width: 10px;"></div>    <div style="float: right; height: 10px;

要实现局部遮罩，可以按照如下方法：[code="css"].parent { width: 100px; height: 100px; position: relative; top: 0; left: 0;}.coverage { width: 100%; height: 100%; positi...

转载自：http://blog.youkuaiyun.com/wallimn/article/details/1731277之前看到很多人一直都问这个问题，不过当时我没当一回事，因为在 CSS 中要垂直居中，多数是在有高度的情况下，或者容器高度不定的情况下才用，看上去比较舒服，而且实现的方法也不少，不一定要拘泥于和 table 布局一样。不过最近有人问了几个例子，看来对此的需求还不少。现在就把我经验拿...

1. 类名各个单词之间用"-"连接。2. 页面最外层的布局DIV，class名字用"layout-"开头。一般情况，布局不超过2层。3. layout元素的class样式，在CSS文件中要集中在一起写，方便设定。4. 每个区域内，根据实际情况，创建作为component的DIV，DIV的class命名要体现出该component的作用/意义/位置等。5. 每个component内部...

http://www.zhangxinxu.com/php/

转自：http://www.zhangxinxu.com/wordpress/?p=743一、有点俗态的开场白要是两年前，实现“兼容性的渐变效果”这个说法估计不会被提出来的，那个时候，说起渐变背景，想到的多半是IE的渐变滤镜，其他浏览器尚未支持，但是，在对CSS3支持日趋完善的今天，实现兼容性的渐变背景效果已经完全成为可能，本文就将展示如何实现兼容性的渐变背景效果。在众多的浏览器中，目前...

转自：http://blog.youkuaiyun.com/lushuaiyin/article/details/8118669 对于程序员，有时候也需要对页面风格做些改动，整体的页面风格还是美工的工作。按钮其实是程序员很常用的，如果美工没有设计好，那就自己设计吧。在网上发现有乐于奉献的人共享了代码。效果很好，而且没有使用到图片，这个很重要。如果你使用别人的css，里面又用到了图片，那这...

转自：http://www.cnblogs.com/wj110reg/articles/850526.html 1.DIV居中：主要的样式定义如下：body {text-align: center;}#center { margin-right: auto; margin-left: auto; }说明：首先在父级元素定义text-align: center;这个的...

文字样式 font-family。字体。使用的值是系统中安装的字体的名字，如黑体，Arial。如果字体名字带空格，则需要用引号包住。 font-size。字号。这个不光可以使用绝对值，还可以使用百分比相对值。它是以父标签的绝对值为基准的相对值。建议的做法是在body标签上使用绝对值定义字号，其他标签使用百分比定义字号，这样就可以在不同的浏览器当中显示同样的效果。如：...

转贴：http://stackoverflow.com/a/23594288@media all and(-webkit-min-device-pixel-ratio:0)and(min-resolution:.001dpcm){#selector { background: red;}}如果用@media screen and(-webkit-min-de...