基础
Css可见性
overflow:hidden; 溢出隐藏
visibility:hidden; 隐藏元素 隐藏之后还占据原来的位置。
display:none; 隐藏元素 隐藏之后不占据原来的位置。
Display:block; 元素可见
Display:none 和display:block 常配合js使用。
css之内容移除(网页优化)
使用text-indent:-5000em;
将元素高度设置为0,使用内边距将盒子撑开,给盒子使用overflow:hidden;将文字隐藏。
Css精灵图
略
emmet快捷键:
emmet是我们在sublime中的一个插件在这个插件中集成很多的快捷键。
####html:
- 1 生成结构的快捷键:
!+ tab,可以生成html5的结构代码。 - 2 生成id名和类名
标签名.类名#id名+tab
没有标签名.类名+tab ==>div - 3 生成同级元素:
标签名+标签名+标签名 “+”tab - 4 生成子类标签
标签名>子标签名>子标签名>子标签名+tab
标签名>子标签名>子标签名>子标签名^^子标签名+tab - 5 带固定数量的标签:
ul>li*5+tab
- 6 带有序号名称
1 | ul>li.abc$*3 + tab |
终于把css基础弄完了,好不容易,接着,就该CSS3了,好玩的东西来了。