CSS性能优化
2016-06-27 16:31
323 查看
一、css代码重构
1.css代码性能优化
2.提高代码的可维护性
二、命名与备注
头:header
内容:content/container
尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体佈局宽度:wrapper
左右中:left right center
登录条:loginbar
标志:logo
广告:banner
页面主体:main
热点:hot
新闻:news
下载:download
子导航:subnav
菜单:menu
子菜单:submenu
搜索:search
友情链接:friendlink
页脚:footer
版权:copyright
滚动:scroll
内容:content
标签:tags
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joinus
指南:guide
服务:service
注册:regsiter
状态:status
投票:vote
合作伙伴:partner
导航:nav
主导航:mainnav
子导航:subnav
顶导航:topnav
边导航:sidebar
左导航:leftsidebar
右导航:rightsidebar
标题: title
摘要: summary
三、书写顺序
(1)位置属性(position, top, right, z-index, display, float等)
(2)大小(width, height, padding, margin)
(3)文字系列(font, line-height, letter-spacing, color- text-align等)
(4)背景(background, border等)
(5)其他(animation, transition等)
注释:若有错误请指出,大家一起愉快的学习。
1.css代码性能优化
2.提高代码的可维护性
二、命名与备注
头:header
内容:content/container
尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体佈局宽度:wrapper
左右中:left right center
登录条:loginbar
标志:logo
广告:banner
页面主体:main
热点:hot
新闻:news
下载:download
子导航:subnav
菜单:menu
子菜单:submenu
搜索:search
友情链接:friendlink
页脚:footer
版权:copyright
滚动:scroll
内容:content
标签:tags
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joinus
指南:guide
服务:service
注册:regsiter
状态:status
投票:vote
合作伙伴:partner
导航:nav
主导航:mainnav
子导航:subnav
顶导航:topnav
边导航:sidebar
左导航:leftsidebar
右导航:rightsidebar
标题: title
摘要: summary
三、书写顺序
(1)位置属性(position, top, right, z-index, display, float等)
(2)大小(width, height, padding, margin)
(3)文字系列(font, line-height, letter-spacing, color- text-align等)
(4)背景(background, border等)
(5)其他(animation, transition等)
注释:若有错误请指出,大家一起愉快的学习。
相关文章推荐
- HTML&CSS基础学习笔记1-简单网页中有哪些标签?
- CSS应用:过渡
- CSS布局
- 14、css高级属性
- 十步图解CSS的position
- css reset
- flex布局
- 常用CSS代码
- 3D模型选中显示样式改变
- CSS3-盒模型
- 关于设置SQLPLUS提示符样式的方法----登陆配置文件,动态加载提示符
- CSS 设置最小高度
- 纯CSS实现聊天框小尖角、气泡效果
- HTML+frameset实现厂字样式后台模板
- 什么是CSS hack?
- ???背景模糊
- 使用CSS绘制基础的对话框图案的代码示例
- css中!important的用法
- HTML (css样式规范)必看篇
- CSS及html的特殊字符表