精通CSS的pdf版整体上看是一本不错的读物,首先他的编写结构相当清晰,章节不多,每一章都是逐步深入,非常值得一读,但这些地方,我也有自己的观点,我想他在第二章就介入”可视化格式模型”,而在第七章才探讨”布局”,我个人认为初学者一开始不太能理解浮动和定位模式,应该是在制作了几个布局之后,才有兴趣去发现这其中的原理,因此这部分我还会坚持我的观点,将布局放在前面,浮动等原理紧贴其后进行讲解。另外全书的语法很简洁,很多内容几个段落就写过
本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和*实践之后,讨论了核心的CSS技术,例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深,直到建立比较复杂的示例。之后本书用两章讨论招数、过滤器、bug和bug修复,最后由Simon Collison和Cameron Moll两位杰出的CSS设计人员,将书中讨论的许多技术组合起来,给出了两个实例研究。本书还集中介绍了现实的浏览器问题,是弥补CSS知识欠缺不可或缺的参考书。
本书适合具有(X)HTML和CSS基本知识的任何网页设计人员阅读。
1. 选择符:不管是CSS还是别的什么称得上“代码”的东西,通常是越短越好。CSS的很多机制(比如那个C,cascading)就是让人用尽可能少的代码指定网页的样式。学习CSS不仅是学习怎么指定样式,很重要的是如何“优雅地”指定样式,所以选择符要熟悉。
2. 属性:样式无外乎文字、布局、定位、look and feel(例如背景色、边框、阴影、渐变),这里面最“难”的大概是布局和定位,说难也不难,就是在理解方盒模型的基础上,熟悉position、float、clear、width、box-sizing、display、box-flex……这些属性和长度单位的用法。
3. 练习:熟能生巧。
4. 使用框架:看看别人是怎么解决反复出现的问题的。你可以先学着用框架再学CSS,这个顺序个人觉得无所谓。我比较喜欢Bootstrap的Sass(SCSS)版,定制起来很方便。
5. 使用预处理器:等你熟悉了CSS以后,就可以用Less或者Sass让生活更简单了。
1、什么是 CSS ?
层叠样式表(英语:Cascading Style Sheets,缩写:CSS)
样式和表很好理解,层叠是什么意思呢?后面的文章我会有详细的介绍。
1、CSS 属于领域专用语言(DSL)
2、CSS区分大小写
2、CSS 的最新版本?
CSS3 是最新的CSS 标准,由万维网联盟(W3C)定义和维护。
3、引入 CSS 的几种方法
方法一 直接 外部样式表 [推荐]
导入样式表比链接样式表慢。
方法三 内部样式表
方法四 内联样式
<div style="border:1px red solid;">测试信息</div>
4、CSS 语义化
如果说HTML语义化标签是给机器看的,那么CSS命名的语义化就是给人看的。
5、CSS 书写小技巧
(1) 可以去掉小数点前的 0
font-size : .8em
(2) 0后面无需跟单位
.class{padding:0;}
(3) url()里面的value不用加引号
url(images/logo.png)
(4) 有意义的注释
为了使注释更有意义,可以使用关键字来区分重要的注释。我使用 @todo 来表示某些东西需要在以后进行修改、修复或复查,用 @bugfix 表示代码或特定浏览器遇到的问题,用 @workaround 表示并不完普的权宜之计。6、CSSDOC
貌似很少有人专门去用,暂略。
7、CSS3 新特性
2D、3D 转化、过渡、动画等略
CSS作为Web标准的一部分,是现代网页设计中必不可少的关键元素。鉴于CSS标准化的快速发展,想要成为CSS高手,打造出令人惊艳、辨识度高的网站,就必须充分了解当前CSS规范各模块的新特性、新技术和新思想。
本书是经典CSS参考指南,自第1版出版至今一直畅销不衰。第3版针对当前浏览器支持度足够好的CSS特性全面改写,着眼于如何为更大、更复杂的网站编写优雅、巧妙、易维护的代码。两位作者均是技术与写作才能俱佳的开发高手,他们将自己对现代CSS实践的深刻理解融入书中,结合大量复杂实现情景,清晰展示了如何利用新技术写出高度灵活、易维护和可扩展的代码,并让这些代码在不同浏览器和不同平台上跑起来。
● 给网页添加样式的基础知识
● 基本的网页排版技术
● 通过背景、阴影、边框等属性美化元素盒子
● 常见内容布局技术及其应用场景
● 页面布局的系统方法及网格的使用
● 响应式Web设计细节剖析
● 表单与表格的样式化,让网页交互和复杂数据展示助力Web应用
● 在空间和时间维度上操作元素:变换、过渡与动画
● 混合模式、滤镜、蒙版等高级特效
● CSS开发实践中的质量控制与流程