Kidney自得其乐版CSS教程(序)

一、课程目录


Chapter 1


Selector


选择器


Chapter 2


Box Model


盒模型


Chapter 3


Text


文本


Chapter 4


Background & Border


背景与边框


Chapter 5


Layout


布局


Chapter 6


Transform


2D/3D几何变换


Chapter 7


Transition & Animation


时间轴与动画


Chapter 8


User Interface


用户界面


Chapter 9


Web Font


网络字体


Chapter10


Masking Module


遮罩模块


Chaprer11


?


?

二、参考书籍

每一个技术领域里最好的书就那么几本,我们的任务就是找出它们,而后阅读之。从知乎、豆瓣、慕课、微博等多种渠道结合我个人的阅读体验,下面列出来的书无疑就是CSS领域里最好的书,同时也是本教程的参考书(所谓教程,其实就是读书笔记啦)。

入门初学看的书:

 

《Learning Web Design》(译名:Web前端工程师修炼之道),这本书主要讲HTML和CSS的基础性知识,条理清晰,浅白易懂,特别适合作为前端入门的第一本书。

《CSS3 the missing manual》(译名:CSS3秘籍),the missing manual是一个著名系列,还有一本《CSS the missing manual》,内容都差不多,可作为补充读物。

入门以后看的书:

如果让所有前端工程师来评选CSS中最有保留价值的三本书,以下三本可谓不二之选。

    

《CSS the definitive guide》(译名:CSS权威指南)是著名的权威指南系列中的一本,它为什么牛?因为它就是标准,它就是最终解释权的归属者,能不好好学习么?

《CSS Mastery》(译名:精通CSS:高级Web标准解决方案),看看这书名,一下子把“高级”、“标准”还有“精通”都给用了,一副不留活口,唯我独尊的架势,能不跪舔膜拜么?

《CSS Secrets》的作者Lea Verou是W3C下属CSS工作组的特邀专家,此书一经问世便好评如潮,不仅内容好,排版布局也是赏心悦目,能不果断收藏么?

三、其它资源

只推荐两个:

1、W3C。因为最权威。有中文翻译 http://www.ayqy.net/doc/css2-1/cover.html

2、CSS速查表。因为方便。http://www.css88.com/book/css/

时间: 2025-01-18 07:33:52

Kidney自得其乐版CSS教程(序)的相关文章

Kidney自得其乐版CSS教程 Chapter7 Transition&Animation

Chapter 7 Transition&Animation Version Update Note 1.0 2016-6-11 首次添加.欢迎在评论中指出错误,一经核实,立即修订,且注明贡献者. 1.transition transition的作用是在状态变化之间增加时间轴属性,使其呈现平滑过渡的动态效果. 它是以下四个属性的简写: 1.1 transition-property 设置参与过渡的属性.具备动画性的属性才会有过渡效果. 值:属性名(多个属性名用逗号隔开),all 1.2 tran

Kidney自得其乐版CSS教程 Chapter5 Layout

Chapter 5 Layout Version Update Note 1.0 2016-6-5 首次添加.欢迎在评论中指出错误,一经核实,立即修订,且注明贡献者. 图例:CSS3以前版本    CSS3中浏览器普遍支持的属性    CSS3中未被普遍支持的属性 CSS布局体系 浮动 定位 列表 表格 分列 伸缩盒 1.浮动 1.1 float 值:left,right,none(默认值) 相对定位也可以设置浮动,绝对定位则不行. 浮动会脱离文档流,但其包含块仍然是父元素,这一点和绝对定位元素

Kidney自得其乐版CSS教程 Chapter1 Selector

Chapter 1 Selector 选择器 Version Update Note 1.0 2016-5-28 首次添加.欢迎在评论中指出错误,一经核实,立即修订,且注明贡献者. 图例:CSS3以前版本    CSS3中浏览器普遍支持的属性    CSS3中未被普遍支持的属性 1.元素选择器 1.1 * 通配符,表示所有元素 1.2 element 2.class和id 2.1 .className 2.2 #id 在单个文档中指定唯一的元素. id可用于锚链接.例如: <a href = &qu

Kidney自得其乐版CSS教程 Chapter2 Box Model

Chapter 2 Box Model Version Update Note 1.0 2016-5-31 首次添加.欢迎在评论中指出错误,一经核实,立即修订,且注明贡献者. 1.元素的分类        1.1 替换元素 替换元素就是替身元素,它替别人占个位,它不是普通的标签,它代表某种元件. 例如:<img> <source><input><embed>……        1.2 非替换元素 大部分元素都是非替换元素. 从形式上看非替换元素是一对标签,替

Kidney自得其乐版CSS教程Chapter6 Transform

Chapter 6 Transform Version Update Note 1.0 2016-6-11 首次添加.欢迎在评论中指出错误,一经核实,立即修订,且注明贡献者. transform用于2D/3D几何变换,包括平移translate.旋转rotate.缩放scale和倾斜skew.这些几何变换有三个关键点:坐标原点.坐标和轴. 本来打算按之前的体例写,但是几何变换用图形最能说明一切,特别是网上有现成的资源,基本囊括了所有几何变换,非常直观,不用费一个字解释. 参见:http://we

Kidney自得其乐版CSS教程 Chapter3 Text

Chapter 3 Text Version Update Note 1.0 2016-6-1 首次添加.欢迎在评论中指出错误,一经核实,立即修订,且注明贡献者. 文本 字体 颜色 排版 修饰 书写模式 其它 1.字体 1.1 font-style 值:normal(默认),italic,oblique italic是从字体中选择斜体样式,如果某种字体无斜体样式,则用oblique设置斜体. 1.2 font-variant 值:normal,small-caps variant表示“变体”,用

2014年最新的辛星html、css教程打包发布了,免积分,纯PDF(还有PHP奥)

首先说一下,这个教程是我的所有的博客的精华,我整理了两天之后才做出的这个pdf文档,累死我了,下面免积分给大家,希望大家能够不吝指正,提出它的一些不足什么的,谢谢啦: 下面就是它的下载地址了:2014年辛星html.css教程   如果上面的地址打不开,可以去浏览器中输入如下地址,然后再打开即可: http://download.csdn.net/detail/xinguimeng/7678945     . 还有自己之前写的PHP的一些教程,第一本:PHP教程 ,下载连接:2014年辛星PHP

GO語言基礎教程:序章

首先自我介紹一下我自己,我是一個coder,目前主要從事B/S程序開發工作,懂點PHP;ASP;JSP;JS;VB;C;DELPHI;JAVA,另外知道幾個數據庫,除此之外別無所長,那麼我為何會選擇學習GO呢!接下來我對此詳細說明一下. 首先我來說明一下C/S程序和B/S程序的優缺點: C/S程序主要是運行在客戶端的電腦上,通常採用安裝的形式,以windows操作系統為例,軟件會被編譯成二進制然後以exe或dll等方式存在於客戶端的電腦上,其執行效率是非常高的,當然了除非編程者把代碼寫的非常糟糕

影梭Android版使用教程

影梭Android版使用教程 2015年5月13日  admin  影梭使用教程 下载影梭Android版客户端 安卓客户端下载:下载地址 安装并打开影梭 按下图说明设置服务器.远程端口.密码和加密方式,填写完成后,右上角点击开启 服务器购买连接 影梭 影梭安卓教程 影梭教程