Welcome to my blog

1. 黑白图像：这段代码会让你的彩色照片显示为黑白照片img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: gra...

color : #999999; /*文字颜色*/font-family : 宋体,sans-serif; /*文字字体*/font-size : 9pt; /*文字大小*/font-style:itelic; /*文字斜体*/font-variant:small-caps; /*小字体*/letter-spacing : 1pt; /*字间距离*/line-height : 200%; /*设置行高*/font-weight:bold; /*文字粗体

Js动态设置rem来实现移动端字体的自适应　　　　实际上讲了这么多，大家可能已经了解了rem的用法，但是还不了解如何利用rem去实现移动端的自适应。说到底，rem实现移动端自适应的原来在于它本身的特性，它可以始终根据根元素的字体大小去改变自己的值。目前各种常见手机的屏幕尺寸大小如下图所示：想实现手机端自适应，就是可以让页面的元素字体、间距、宽高等属性的属性值可以随着手机屏幕尺寸的变化而...

html使用css让文字超出部分用省略号三个点显示的方法：　　我正确使用的就是下面的代码，li里面是a标记。在IE和google中使用是正常的，火狐不知道，我也不在意，等你来测　　li{　　display:block;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;　　}...

float浮动引发的特殊效果：1、父元素中，如果显示不下所有的已浮动子元素，最后一个会换行，有可能会被卡住2、元素一旦浮动起来之后，元素宽度将由内容来决定(非指定情况下)3、元素一旦浮动起来之后，那么都将变成块级元素，尤其对行内元素影响较大...