笔记:CSS规范
来源:互联网 发布:做农村淘宝合伙人优势 编辑:程序博客网 时间:2024/06/10 21:00
css属性分类排序:
显示与浮动:display,float
定位:position,z-index
尺寸:width,height
边框相关:margin, padding, border, outline, border-radius
字体样式:font, color, text-shadow,
背景样式:background
其他样式:opacity, cursor,...
CSScomb css排序工具包
css权重规范:
css样式中尽量不要使用ID选择器
减少子选择器的层级
使用组合的CSS类选择器 (多组合,少继承)
页面尺寸设置:
尽量设置相对尺寸
只在可预知元素尺寸的情况下才使用绝对尺寸
使用rem/em设置字体大小
css选择器安排:
避免使用通配符
避免使用标签选择器及单个属性选择器作为关键选择器
不要在ID选择器前使用标签名
选择器层级最好不要超过三层
css图片处理:
不要设置图片的尺寸
使用CSS“雪碧”(CSS Sprite)技术
避免使用@import
Prefixr工具,css前缀
Autoprefixer工具
0 0
- css规范笔记
- 笔记:CSS规范
- 笔记:css命名相关规范
- CSS学习笔记(十二) CSS命名规范
- html补充笔记和CSS命名规范
- CSS规范
- css规范
- CSS规范
- css规范
- CSS 规范
- Css 规范
- CSS规范
- CSS规范
- css规范
- css 规范
- CSS规范
- css规范
- css规范
- django中处理mysql中的bit字段
- 【连载】研究EasyUI系统—Draggable组件
- 关于自定义view属性设置
- TCP协议中的三次握手和四次握手(图解)
- oracle中的decode的使用
- 笔记:CSS规范
- Strust2.1+spring+hibernate注释不生效的问题
- BLE传输字符串和传输图片
- html代码中,有if判断,if如果不匹配,那么if范围内的html是不会返回到浏览器端的(即最终的html静态代码)
- 抽象类与接口的区别
- 英语口语学习笔记
- sample time and simulink system period
- PHP Yac cache 源码学习笔记
- 第十三章 RememberMe——《跟我学Shiro》