摘要：
原文地址：http://www.zhangxinxu.com/wordpress/2013/08/%E7%BA%AFcss%E6%98%9F%E6%98%9F%E8%AF%84%E5%88%86%E4%BA%A4%E4%BA%92-%E5%85%84%E5%BC%9F%E9%80%89%E6%8B%A9%E5%99%A8/ 差 较差 普通 较好 好 阅读全文
摘要：
解决方法：1】1. 将文字第一字体设置为Tahoma；2. 为input元素设置vertical-align:middle;3. 为label元素设置vertical-align:middle;display:inline-block; 阅读全文
摘要：
New Document 爱你很好。连风都知道，第一次心甘情愿不想逃 没有opera浏览器，所以不能测试，也就懒得写了。如果需要http://www.w3cplus.com/css/create-css-browers-hacks查看原文有一句话很对，有时候解决问题一定要尽量避免css hack。可能只是你某个设置出了问题，在这个浏览器中正好显现出来了。我曾犯过很多这样的错误。静下心来，一点点理清，就会找到问题所在 阅读全文
摘要：
1】.clearfix:after{ content:"."; display:block; height:0; visibility:hidden; clear:both;}.clearfix{ *zoom:1;}2】.clearfix:after{ content:"\200B"; display:block; height:0; clear:both;}.clearfix {*zoom:1;} 阅读全文
摘要：
字体：1】通用字体族serif（衬线字体）： Georgia, Garamond, Times New Roman, 中文的宋体 用于：印刷、出版的正文内容2】通用字体族sans-serif（非衬线字体）： Trebuchet MS, Tahoma, Verdana（12px）, Arial, Helvetica, 中文的幼圆、隶书（24px） 圆滑 艺术字 标题（英文若小于11px，则用衬线字体。中文不要设置11px以下的字体）解决浏览器 操作系统兼容性问题：Tahoma：西文字Verdana Trebuchet MS ：不适合中英混排Courier New：等宽字体常用情况字体定... 阅读全文
摘要：
http://www.cnblogs.com/Darren_code/archive/2012/03/05/z-index.html详细内容链接基础知识：z-index : auto | numberz-index 属性设置元素的堆叠顺序，如果为正数，则离用户更近，为负数则表示离用户更远；拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面；z-index 仅能在定位元素上奏效（position 属性值为 relative 或 absolute 或 fixed的对象）基本原则： 同一个层叠上下文中，层叠级别大的显示在上，层叠级别小的显示在下，相同层叠级别时，遵循后来居上的原则 不同层叠上下 阅读全文
摘要：
1】圆角-mo-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;2】阴影-mo-box-shadow:2px 2px 2px #f00;-webkit-box-shadow:2px 2px 2px #f00;box-shadow:2px 2px 2px #f00;fliter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=‘#f00’);-ms-fliter:“progid:DXImageTransform.Microsoft.drop 阅读全文
摘要：
http://nicolasgallagher.com/pure-css-speech-bubbles/demo/ 阅读全文
摘要：
首先说明：-moz-针对ff-webkit-针对chrome、saf4+（Mozilla和webkit内核浏览器）渐变分为： 1】线性渐变：linear 2】径向渐变：radial1）webkit内核浏览器（基本语法）：background: -webkit-gradient(linear, 0 0, 0 100%, from(red), to(blue));第一个参数：渐变类型第二个参数:起始点的x y坐标第三个参数：结束点的x y坐标第四个参数：起始点的颜色第五个参数：结束点的颜色background: -webkit-gradient(linear, 0 0, 0 100%, f... 阅读全文
摘要：
一共有四种类型1】a：hover{样式} 表示鼠标点击链接时的样式，可以设置颜色，字体背景、文字大小等等2】input：focus{样式} 设置获得焦点时input的样式3】1）p:first-child{color：red;} 指的是为某一个元素的第一个子元素是p的标签p内的内容设置样式例如：你好我不好这时只有你好是红色，我不好是默认的颜色2）p>i:first-child{样式}选择器匹配所有 元素中的第一个 元素：some text. some text.3）p:first-child i{样式}选择器匹配所有作为元素的第一个子元素的 元素中的所有 元素：some text. .. 阅读全文