学习背景
之前做页面的时候,遇到搞不定的地方就去百度一下.完全没有自己的思路和方法.有一次在segment上有人推荐我看这本书,所以就买回来,但是开篇就要求对CSS2.1非常熟悉,好吧,所以我又花了近3个月时间把CSS权威指南给仔细通读了一篇.
这才回来继续看这本书.
Web标准:是敌是友
标准的制定过程
W3C: 是一个组织,但是CSS规范并不是由他制定的
CSS工作组: 编写CSS规范的真正成员,由3部分组成
- 5%左右的W3C员工
- 88%左右的会员公司员工,会员公司包括
- 浏览器厂商
- 大型网络公司
- 研究机构等
- 7%左右的特邀专家
标准制订过程: 工作组成员会通过以下方式进行讨论
- 一般通过论坛讨论,所有内容公开 lists.w3.org/archives/pulic/www-style
- 一周开一次电话会议 也会公开到 irc.w3.org里面
- 一个季度一次现场会议 对观察员开放
规范阶段: 一个规范从最初到成熟,会经过以下步骤
ED: 编辑草案,类似于头脑风暴出来的点子FPWD: 首个公开工作草案,接受工作组成员的审视WD: 工作草案,厂商开始实现CR: 候选规范,稳定版本PR: 提名规范,表达反对意见的最后机会REC: 正式规范
CSS3,CSS4以及其他传说
从内容的角度上来阐述CSS的发展,以及廓清CSS3这个在当前技术环境下不再准确的叫法
冰与火之歌,浏览器前缀
从浏览器前缀产生的原因讲到退出历史的原因,这是我第一次看技术书看出妙趣橫生的感觉来,这种类型的技术书籍也只有特邀专家才写得出来,因为他们对这一切都是亲身经历过来并有深刻体会的.
- 很快,几乎每个有上进心的CSS开发者都开始争先恐后的使用他们(厂商前缀) -浏览器前缀已是一场史诗般的失败
CSS编码技巧
尽量减少代码重复
始终记住保持代码的DRY和可维护性
- 能用变量的就用变量
- 能用相对单位的都用相对单位
- 包括px去掉,多用em,rem,百分数,vw
- 具体的颜色值去掉,多用currentColor和继承
- 代码量可维护性的优先级高于代码量少
相信你的眼睛而不是数字
出效果时,以眼睛看到的为准,那怕设置的值明明是相等的,但肉眼看到的效果可能就是不一样.
关于响应式设计
尽量不使用媒体查询时就不使用.只有到万不得已的时候才去使用
合理使用简写
优先使用简写,除非遇到可维护性及DRY问题的时候要用展开属性
预处理器
项目开始时别用预处理器,只有遇到可维护性和DRY问题时才需要使用
