08 2016 档案

chrome 开发者工具详解
摘要：Google Chrome一共提供了8大组工具： Tips: 想要查看元素：hover 等样式时 可如图选中对应状态 阅读全文
posted @ 2016-08-30 14:36 echolife 阅读(135) 评论(0) 推荐(0)
viewport 详解
摘要：width属性控制视口的宽度。可以像width=600这样设为确切的像素数，或者设为device-width这一特殊值来指代比例为100%时屏幕宽度的CSS像素数值。（相应有height及device-height属性，可能对包含基于视口高度调整大小及位置的元素的页面有用。） initial-sca 阅读全文
posted @ 2016-08-29 17:26 echolife 阅读(176) 评论(0) 推荐(0)
sublime 使用技巧
摘要：使用sublime使遇到的问题： 1.左侧菜单栏隐藏恢复：View ->Side Bar ->Show Side Bar 2.顶部菜单栏隐藏恢复：按住ctrl+shift+p，出现一个框，在框里输入 "view: "，然后选择 "View:Toggle Menu"即可。 阅读全文
posted @ 2016-08-24 17:28 echolife 阅读(149) 评论(0) 推荐(0)
css 打字动画
摘要：使用 css 将文字逐字打出 <h1>css is awesome</h1> 要使<h1>标签里的文字逐字打出，对应的样式如下： ch单位是css3引入的一个新单位，表示“0”字形的宽度，在等宽字体中，“0”字形的宽度和其他所有字形的宽度一样。 例子中用ch表示这个标题的宽度，取值就是字符的数量，为 阅读全文
posted @ 2016-08-16 12:07 echolife 阅读(472) 评论(0) 推荐(0)