首页 > 网站 > WEB开发 > 正文

笔记:CSS规范

2024-04-27 15:05:12
字体:
来源:转载
供稿:网友

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工具


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表