超实用CSS代码段

---

作者 ：赵荣娇 任建智
QQ  ：363273932
邮箱 ：363273932@qq.com
新浪微博 ： [小蘑菇1111](http://weibo.com/sophisticate)

---

点击访问·书评交流区域

本书《超实用的CSS代码段》 包括以下内容

#####序1 CSS的前世今生 #####序2 你绝对不可能全部做对的CSS题 #####序3 2014年最流行的前端面试题

第1章 文字与字体

• 1.1 在网页中使用自定义字体
• 1.2 文本缩进和首字符下沉
• 1.3 自定义文本被选中时的样式
• 1.4 文本对齐
• 1.5 调整文字、字符的间距
• 1.6 文本的装饰——划线、粗体、斜体
• 1.7 文字阴影
• 1.8 文字毛玻璃效果
• 1.9 文本溢出处理
• 1.10 金属质感文字
• 1.11 隐藏文本
• 1.12 文字旋转
• 1.13 现代字体栈

第2章 边框和图片

• 2.1 边框新属性的基础与实例
• 2.2 搜索框
• 2.3 微博发布框
• 2.4 拍立得效果框
• 2.5 CSS 3动画边框
• 2.6 边框移动特效
• 2.7 Banner图片的标签
• 2.8 黑白图片
• 2.9 图片水印
• 2.10 图片细节放大展示
• 2.11 图片的瀑布流
• 2.12 图片墙
• 2.13 图片轮播图
• 2.14 幻灯片
• 2.15 手风琴效果
• 2.16 图片自适应
• 2.17 使用纯CSS绘制图像
• 2.18 图片原地放大
• 2.19 图片翻转
• 2.20 图像地图

第3章 按钮或链接

• 3.1 圆角按钮
• 3.2 简单导航栏
• 3.3 二级导航栏
• 3.4 三级导航栏
• 3.5 滑动菜单
• 3.6 网页右键菜单
• 3.7 下拉菜单
• 3.8 CSS 3圆形导航菜单
• 3.9 标签云
• 3.10 TAB标签页
• 3.11 选中文字分享
• 3.12 链接百叶窗效果
• 3.13 iPhone开关
• 3.14 按钮式单选框与复选框
• 3.15 自定义播放器
• 3.16 文字变链接
• 3.17 根据文件格式设置链接图标
• 3.18 链接标签“a”的顺序

第4章 背景和颜色

• 4.1 颜色和渐变的基础与实例
• 4.2 高光效果
• 4.3 多背景
• 4.4 全屏背景
• 4.5 斑马线背景
• 4.6 棋盘背景
• 4.7 易拉罐效果
• 4.8 页面顶部阴影
• 4.7 易拉罐效果

第5章 变换和动画

• 5.1 CSS 3变换与动画的基础及实例
• 5.2 纸张边角动画效果
• 5.3 气泡式提示
• 5.4 对联广告
• 5.5 页面loading效果
• 5.6 进度条
• 5.7 图标滑动切换特效
• 5.8 流星划过效果
• 5.9 雪花飘落效果
• 5.10 数字滚动器
• 5.11 模拟时钟
• 5.12 苹果著名的DOCK栏
• 5.13 苹果系统的Stack特效
• 5.14 扇形展开
• 5.15 回到页面的顶部
• 5.16 拖拽和抛出

第6章 页面的布局

• 6.1 图文混排
• 6.2 文本内容垂直居中
• 6.3 自适应宽度的水平居中
• 6.4 固定宽度且居中
• 6.5 固定页脚
• 6.6 控制位置：绝对位置和相对位置
• 6.7 一个图文混排的网页选项卡
• 6.8 兼容浏览器的最小高度
• 6.9 让div显示在屏幕的中央
• 6.10 iPad屏幕布局
• 6.11 经典的CSS Clearfix
• 6.12 升级版的Clearfix
• 6.13 强制垂直滚动条
• 6.14 CSS 3文本分列
• 6.15 让div层在Flash之上
• 6.16 float引起div自适应高度无效的解决方案
• 6.17 Flexbox布局风格
• 6.18 动态高度下的居中
• 6.19 纯CSS实现固定表头
• 6.20 Metro布局风格

第7章 美化与装饰

• 7.1 文本装饰
• 7.2 发光输入框
• 7.3 自定义滚动条
• 7.4 页面顶部阴影
• 7.5 巧妙实现分隔线
• 7.6 三角形列表符号
• 7.7 纸页面卷曲效果
• 7.8 跨浏览器的透明度
• 7.9 鼠标指向时变成手型
• 7.10 鼠标移动到div上高亮显示
• 7.11 发光锚链接
• 7.12 屏蔽Webkit浏览器的高亮效果
• 7.13 多种风格的翻页页码
• 7.14 创建针线缝合效果

第8章 盒子

• 8.1 CSS 3盒模型
• 8.2 内层CSS 3盒阴影
• 8.3 外层CSS 3盒阴影
• 8.4 纯CSS 3透明水晶盒
• 8.5 投影发光效果

第9章 3D相关

• 9.1 3D文字
• 9.2 3D图片立体效果
• 9.3 3D按钮
• 9.4 3D下拉菜单
• 9.5 3D旋转动画

第10章 CSS Hack

• 10.1 让网站在所有浏览器下显示一致（CSS Reset）
• 10.2 解决IE 6中浮动元素的双倍边距问题
• 10.3 识别不同浏览器
• 10.4 背景与图片透明
• 10.5 IE 10 CSS Hack
• 10.6 CSS 3 滤镜
• 10.7 常用的CSS Hack列表
• 10.8 CSS重置方案（CSS Reset）

第11章 其他常用代码

• 11.1 使用CSS 3实现简单的计算器
• 11.2 使用CSS 3制作网页播放器
• 11.3 不使用table的Form表单
• 11.4 可以重复利用的规则
• 11.5 在同一元素上使用多种类
• 11.6 CSS块引用模版
• 11.7 花式CSS3 Pull-引文
• 11.8 一般媒体查询
• 11.9 CSS 3背景梯度
• 11.10 CSS日历显示效果
• 11.11 字符编码
• 11.12 手机APP使用的简洁注册页面
• 11.13 手机简洁价目表
• 11.14 手机简洁任务表
• 11.15 微店购物车
• 11.16 APP导航与提醒
• 11.17 简洁记事本
• 11.18 手机文件下载
• 11.19 迷你下拉列表框
• 11.20 Google Font API
• 11.21 动态提示框
• 11.22 用CSS创建内容幻灯片
• 11.23 打印自动显示超链接URL
• 11.24 禁用Webkit内核某些属性

=================================

####书籍点击购买地址:

互动出版网
京东商城
亚马逊 豆瓣