小白

1. 兼容性差异height:100%IE6+√height:inheritIE8+√2. 大多数情况作用是一样的除去兼容性，大多数情况下，两者作用是一样的，甚至都很难想出不一样的理由。① 父容器height: auto，无论height:100%或者height:inherit表现都是auto.② 父容器定高height: 100px，无论height:1

兼容iphone4/4s： @media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){} 兼容iphone5 ：@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){} 兼容iphone6，iphone7，iphone8...

a标签：a, a:hover, a:visited, a:link, a:active { color:#000; text-decoration:none; outline: none; // a标签的四种状态都和本身颜色保持一致}button按钮：.button{ border:0; background-color:non...

HTML:<table><thead> <tr> <th>序号</th> </tr></thead><tbody> <tr> <td class="SortCLASS"&

HTML:<img src="..." class="graypic" />CSS:.graypic { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100...

pc端的css的a标签的:active。在移动端上的bug修复。移动前端与pc端的:hover的效果，:hover是鼠标指针浮动在其上的元素的一个选择器，但因为在移动端是没有鼠标的，代替的是触摸屏，用户也不是有“鼠标指针浮动在其上的元素”的情况，有也很少。 所以取代的应该:active这个选择器，但是通过实践，发现情况不是很理想，在QQ浏览器上有时触发，有没不触发，在我mx3带自浏览器上根本没效

CSS：{ word-break: keep-all; word-wrap: break-word; // 只对英文起作用，以单词作为换行依据。 white-space: pre-wrap; //只对中文起作用，强制换行。 text-align:justify; //css英文语句的两端对齐： text-justify:inter-ideo...

定位是没法水平居中的，必须给定位的元素设置一定的值， left的值 = （定位元素的父元素宽度 - 定位元素宽度）/2 如果该父元素是body可用screen.width, 如果不是，请把该父元素设置成position:relative.box{position: absolute;width: 200px;left: 50%;margin-left: -100px; /*负值，且为

body字体样式：body{ font-family:Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC",sans-self; -webkit-font-smoothing:antialiased; <!--使字体变清晰--> -webkit-...