Prety F2E

We tell browsers how to do better

0%

发表于 更新于 分类于

Emoji 表情符号在 OS X 系统和 iOS、Android、Windows Phone 等各个手机中已经默认支持，所以在这些设备的 Web 端显示没有问题，可直接使用

但是在 Windows 系统中，Web 端显示 Emoji 或多或少都有一些问题

首先，Windows 8 和 Windows Server 2012 默认也是支持 Emoji 的，但是只有在 IE 浏览器中才会显示。至于 Windows 7 和 Windows Server 2008 R2 只要是更新了补丁包 KB2729094 的，也可以在IE中直接显示 Emoji。而这些系统的非 IE 浏览器却无法显示

其实，补丁包 KB2729094 对 Emoji 的支持只不过是增加了 Segoe UI 符号字体，只要在 Web 端 CSS 中引入这个字体，便可以让所有浏览器都支持 Emoji

阅读全文 »

发表于 更新于 分类于 
1
2
3
4
5
6
7
8
9
10
filter: grayscale(1);  /*灰度，取值范围0-1，此处表示100%灰度（灰色）*/
filter: sepia(0.5);  /*叠加褐色，取值范围0-1，此处表示50%的褐色*/
filter: brightness(0.5);  /*亮度，取值范围0-1，5倍亮度（数字为0时为正常样式，为1时表示的是100%亮度，无法看到图片）*/
filter: hue-rotate(30deg);  /*色相（按照色相环进行旋转，顺时针方向，红-绿-蓝-红）此处为叠加黄色滤镜*/
filter: invert(1);  /*反色，取值范围0-1，0为原图，1为彻底反色之后，0.5为灰色*/
filter: saturate(4);  /*饱和度，取值范围0~*，0为无饱和度，1为原图，值越高饱和度越大*/
filter: contrast(2);  /*对比度，取值范围0~*，0为无对比度（灰色），1为原图，值越高对比度越大*/
filter: opacity(0.8);  /*透明度，取值范围0~1，0为全透明，1为原图*/
filter: blur(5px);  /*模糊，此处为5像素*/
filter: drop-shadow(17px 17px 20px black);  /*阴影*/

发表于 更新于 分类于

@font-face 是 CSS 中的一个模块，他主要是把自己定义的 Web 字体嵌入到你的网页中，随着 @font-face 模块的出现，我们在 Web 的开发中使用字体不怕只能使用 Web 安全字体，或许有许多人会不自然的问，这样的东西 IE 能支持吗？其实 @font-face 这个功能早在 IE4 就支持了。

@font-face的语法规则

1
2
3
4
5
6
@font-face {
   font-family: <YourWebFontName>;
   src: <source> [<format>][,<source> [<format>]]*;
   [font-weight: <weight>];
   [font-style: <style>]
}
阅读全文 »

发表于 更新于 分类于

移动光标

  • 左移 h、右移 l、下移 j、上移 k
  • 向下翻页 ctrl + f，向上翻页 ctrl + b
  • 向下翻半页 ctrl + d，向上翻半页 ctrl + u
  • 移动到行尾 $，移动到行首 0（数字），移动到行首第一个字符处 ^
  • 移动光标到下一个句子 )，移动光标到上一个句子 (
  • 移动到段首 {，移动到段尾 }
  • 移动到下一个词 w，移动到上一个词 b
  • 移动到文档开始 gg，移动到文档结束 G
  • 移动到匹配的 {}.().[] 处 %
  • 跳到第 n 行 ngg 或 nG 或 :n
  • 移动光标到屏幕顶端 H，移动到屏幕中间 M，移动到底部 L
  • 读取当前字符，并移动到本屏幕内下一次出现的地方 *
  • 读取当前字符，并移动到本屏幕内上一次出现的地方 #

查找替换

  • 光标向后查找关键字 # 或者 g#
  • 光标向前查找关键字 * 或者 g*
  • 当前行查找字符 fx, Fx, tx, Tx
  • 基本替换 :s/s1/s2 （将下一个s1替换为s2）
  • 全部替换 :%s/s1/s2
  • 只替换当前行 :s/s1/s2/g
  • 替换某些行 :n1,n2 s/s1/s2/g
  • 搜索模式为 /string，搜索下一处为 n，搜索上一处为 N
  • 制定书签 mx, 但是看不到书签标记，而且只能用小写字母
  • 移动到某标签处 x，1旁边的键
  • 移动到上次编辑文件的位置 .

PS：. 代表一个任意字符 * 代表一个或多个字符的重复

阅读全文 »