讲解透彻、组织巧妙,专设一章讲解最前沿的响应式设计著译双馨,CSS设计入门*
涵盖HTML5、CSS3和响应式设计
《CSS设计指南(第3版)》是一本面向初中级读者的经典设计指南。全书共分8章,前4章分别介绍了HTML标记和文档结构、CSS工作原理、定位元素、字体和文本,对规则、声明、层叠、特指度、选择符等基本概念进行了详细解读。随后4章介绍了页面布局、界面组件,CSS3圆角、阴影、渐变、多背景等视觉设计技巧,最后还对如何实现最前沿的响应式设计进行了通俗易懂的演示。
《CSS设计指南(第3版)》适合CSS初中级读者阅读。
目录
- 第1章 HTML标记与文档结构
- 1.1 HTML标记基础
- 1.1.1 文本用闭合标签
- 1.1.2 引用内容用自闭合标签
- 1.1.3 属性
- 1.1.4 标题与段落
- 1.1.5 复合元素
- 1.1.6 嵌套标签
- 1.2 HTML文档剖析
- 1.2.1 HTML模板
- 1.2.2 块级元素和行内元素
- 1.2.3 嵌套的元素
- 1.3 文档对象模型
- 1.4 小结
- 第2章 CSS工作原理
- 2.1 剖析CSS规则
- CSS规则命名惯例
- 2.2 上下文选择符
- 2.3 特殊的上下文选择符
- 2.3.1 子选择符>
- 2.3.2 紧邻同胞选择符
- 2.3.3 一般同胞选择符~
- 2.3.4 通用选择符*
- 2.4 ID和类选择符
- 2.4.1 类属性
- 2.4.2 ID属性
- 2.4.3 什么时候用ID,什么时候用类
- 2.4.4 ID和类的小结
- 2.5 属性选择符
- 2.5.1 属性名选择符
- 2.5.2 属性值选择符
- 2.5.3 属性选择符的小结
- 2.6 伪类
- 2.6.1 UI伪类
- 2.6.2 结构化伪类
- 2.7 伪元素
- 2.8 继承
- 2.9 层叠
- 2.9.1 样式来源
- 2.9.2 层叠规则
- 2.9.3 计算特指度
- 2.10 规则声明
- 2.10.1 文本值
- 2.10.2 数字值
- 2.10.3 颜色值
- 2.11 小结
- 第3章 定位元素
- 3.1 理解盒模型
- 3.1.1 盒子边框
- 3.1.2 盒子内边距
- 3.1.3 盒子外边距
- 3.1.4 叠加外边距
- 3.1.5 外边距的单位
- 3.2 盒子有多大
- 3.3 浮动与清除
- 3.3.1 浮动
- 3.3.2 围住浮动元素的三种方法
- 3.4 定位
- 3.4.1 静态定位
- 3.4.2 相对定位
- 3.4.3 绝对定位
- 3.4.4 固定定位
- 3.4.5 定位上下文
- 3.5 显示属性
- 3.6 背景
- 3.6.1 CSS背景属性
- 3.6.2 背景颜色
- 3.6.3 背景图片
- 3.6.4 背景重复
- 3.6.5 背景位置
- 3.6.6 背景尺寸
- 3.6.7 背景粘附
- 3.6.8 简写背景属性
- 3.6.9 其他CSS3背景属性
- 3.6.10 多背景图片
- 3.6.11 背景渐变
- 3.7 小结
- 第4章 字体和文本
- 4.1 字体
- 4.1.1 字体族
- 4.1.2 字体大小
- 4.1.3 字体样式
- 4.1.4 字体粗细
- 4.1.5 字体变化
- 4.1.6 简写字体属性
- 4.2 文本属性
- 4.2.1 文本缩进
- 4.2.2 字符间距
- 4.2.3 单词间距
- 4.2.4 文本装饰
- 4.2.5 文本对齐
- 4.2.6 行高
- 4.2.7 文本转换
- 4.2.8 垂直对齐
- 4.3 Web字体大揭秘
- 4.3.1 公共字体库
- 4.3.2 打包的@font-face包
- 4.3.3 生成@font-face包
- 4.4 文字版式
- 4.4.1 简单的文本布局
- 4.4.2 基于网格排版
- 4.4.3 经典的排版练习
- 4.5 小结
- 第5章 页面布局
- 5.1 布局的基本概念
- 5.2 三栏-固定宽度布局
- 5.3 三栏-中栏流动布局
- 5.3.1 用负外边距实现
- 5.3.2 用CSS3单元格实现
- 5.4 多行多栏布局
- 5.4.1 CSS选择符的实际应用
- 5.4.2 内部DIV实战
- 5.5 小结
- 第6章 界面组件
- 6.1 导航菜单
- 6.1.1 纵向菜单
- 6.1.2 横向菜单
- 6.1.3 下拉菜单
- 6.2 表单
- 6.2.1 HTML表单元素
- 6.2.2 表单标记策略
- 6.2.3 设定表单样式
- 6.2.4 设计搜索表单
- 6.3 弹出层
- 6.3.1 堆叠上下文和z-index
- 6.3.2 用CSS创造三角形
- 6.4 小结
- 第7章 CSS3实战
- 7.1 规划页面结构
- 7.2 页眉
- 7.2.1 页面标题
- 7.2.2 搜索表单
- 7.2.3 菜单
- 7.3 专题区
- 7.3.1 登录表单
- 7.3.2 博文链接
- 7.4 图书区
- 7.5 页脚
- 7.6 小结
- 第8章 响应式设计
- 8.1 小设备上的大布局
- 8.2 媒体查询
- 8.2.1 @media规则
- 8.2.2 标签的media属性
- 8.2.3 断点
- 8.2.4 用标签设定视口
- 8.3 针对平板优化布局
- 8.4 针对智能手机优化布局
- 8.5 最后两个问题
- 8.5.1 移动Safari中的缩放bug
- 8.5.2 让下拉菜单支持触摸
- 8.6 小结
- 附录 技术提示
- 索引