CSS 设计指南 第3版 PDF 文档

发布于 2024-09-17 01:06:05 字数 3493 浏览 34 评论 0

本书是一本面向初中级读者的经典设计指南。全书共分 8 章,前 4 章分别介绍了 HTML 标记和文档结构、CSS 工作原理、定位元素、字体和文本,对规则、声明、层叠、特指度、选择符等基本概念进行了详细解读。随后 4 章介绍了页面布局、界面组件,CSS3 圆角、阴影、渐变、多背景等视觉设计技巧,最后还对如何实现最前沿的响应式设计进行了通俗易懂的演示。

本书适合 CSS 初中级读者阅读。

对网页设计师来说,这是一个激动人心的时刻!互联网已经囊括了几乎所有媒体,有线电视、CD 和 DVD 已经被 Hulu、Netflix、Pandora 和 Spotify 等这些按需取用的在线服务取代。

当然,访问这些媒体的设备同样异彩纷呈。有传统的台式电脑、笔记本电脑,还有平板电脑、智能手机,甚至 60 英寸的大屏幕电视。

而保障所有这些设备和媒体顺畅运作,有一套全新的技术标准:HTML5、CSS3 和JavaScript。

目录
第 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 规划页面结构
HTML 结构
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 <link>标签的 media 属性
8.2.3 断点
8.2.4 用<meta>标签设定视口
8.3 针对平板优化布局
8.4 针对智能手机优化布局
针对竖屏进一步优化
8.5 最后两个问题
8.5.1 移动 Safari 中的缩放 bug
8.5.2 让下拉菜单支持触摸
8.6 小结
附录

下载地址:https://www.wenjiangs.com/wp-content/uploads/2024/04/X1ueKV8bDTmQjfnE.zip

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

文章
评论
84962 人气
更多

推荐作者

冷血

文章 0 评论 0

隔岸观火

文章 0 评论 0

昔梦

文章 0 评论 0

最终幸福

文章 0 评论 0

世界等同你

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文