韩世雷 程序员专栏

/* Reset */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p{color:#333333; font:12px/1.5 tahoma,arial,\5b8b\4f53; list-style:none; margin:0px; padding:0px; }a{color:#0

原文：http://jameskoster.co.uk/work/using-wordpress-3-8s-dashicons-theme-plugin/

一. Webkit浏览器      (1) 第一种写法：            background:-webkit-gradient(linear ,10% 10%，100% 100%，                                                              color-stop(0.14,rgb(255,0,0)),

有没有觉得浏览器自带的原始滚动条很不美观，同时也有看到很多网站的自定义滚动条显得高端，就连chrome32.0开发板都抛弃了原始的滚动条，美观多了。那webkit浏览器是如何自定义滚动条的呢？前言webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。演示

html:

用word-spacing属性，设置为负数就可以了如：word-spacing:-2px; 而letter-spacing:-1px则是英文单个字母与字母之间的距离或者是中文字之间的距离。

------------------------------所有都兼容-------------------------------------------------

transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;background: #ccc;

.triangle{ width: 0; height: 0; border-left: 72px solid transparent; border-right: 72px solid transparent; border-top: 25px solid #719121;}

placeholder 属性是 HTML5 中的新属性。

前缀-moz(例如 -moz-border-radius)用于Firefox-webkit(例如：-webkit-border-radius)用于Safari和Chrome。例1#round { padding:10px; width:300px; height:50px; border: 5px solid #dedede; -moz-bor

区别各种IE浏览器和火狐的css写法  2011-08-29 00:33 1.区别IE和非IE浏览器 代码如下: #tip { background:blue; background:red \9; } 2.区别IE6,IE7,IE8,FF 【区别符号】：「\9」、「*」、「_」 【示例】： 代码如下: #tip { background:blue; backgroun

方法一：直接在里面加样式来实现横排字体横排字体 点评：此种方法简单易操作，如果是写在模板中循环的话，会造成代码大量重复。方法二：通过定义ul li 来实现ul{list-style-type:none; margin:0;width:100%; }ul li{ width:80px; float:left;}横排字体横排字体点评：最好是插

一、编写 CSS 注意事项1. 修饰选择器（尽量少用）能写.nav{}就尽量不要写ul.nav{}。过分修饰选择器将影响性能，影响 class 复用性，会增加选择器私有度。这些都应当竭力避免的。 如果想描述我们规划的 class 作用范围，可以在选择器前加上注释，如下写法：/*ul*/.nav{}这样我们就能在不影响代码私有度的前提下获知 class 作用范围。2. 布局（宽度和高度）所有内部组