超实用的CSS代码段
序1 CSS的前世今生 VII
序2 你绝对不可能全部做对的
CSS题 XVII
序3 最流行的前端面试题 XXVI
第1章 文字与字体
1.1 在网页中使用自定义字体
1.2 文本缩进和首字符下沉
1.3 自定义文本被选中时的样式
1.4 文本对齐
1.5 调整文字、字符的间距
查看完整
序2 你绝对不可能全部做对的
CSS题 XVII
序3 最流行的前端面试题 XXVI
第1章 文字与字体
1.1 在网页中使用自定义字体
1.2 文本缩进和首字符下沉
1.3 自定义文本被选中时的样式
1.4 文本对齐
1.5 调整文字、字符的间距
查看完整
赵荣娇,毕业于中国传媒大学,工学硕士。目前就职于淘宝网航旅事业部,担任前端开发工程师,曾参与旅游特卖首页、1688订单等项目开发。热爱技术,喜欢分享。中国传媒大学新媒体研究院主办《信息科技周刊》总编辑、《新媒体技术动态》发起人。
任建智,早在Wap2.0时代便开始做手机网站,多以校园青春项目为主,包括表白交友网、掌上烟大(本地服务应用及O2O平台),目前目前某大学院校的网络信息系统,包括ACM内容管理系统、比赛报名系统等,技术涉及前端和后台以及各种接口和框架,是一线全栈工程师。
任建智,早在Wap2.0时代便开始做手机网站,多以校园青春项目为主,包括表白交友网、掌上烟大(本地服务应用及O2O平台),目前目前某大学院校的网络信息系统,包括ACM内容管理系统、比赛报名系统等,技术涉及前端和后台以及各种接口和框架,是一线全栈工程师。
《超实用的CSS代码段》精选400余段CSS代码,覆盖网页上所有的设计元素,堪称史上特别有用的CSS书籍,是网站建设和网页设计人员不可或缺的解决方案、技巧和模板。本书的代码跨平台、跨设备、跨浏览器,充分向读者演示了如何使用CSS的各项技术,实现令人眩目的网页布局和效果。
《超实用的CSS代码段》从网页效果的不同类型和使用场景,对常用的CSS代码段进行了全方位的介绍和演示。全书分为11章,包含文字、字体、边框、图片、按钮、链接、背景、颜色、动画、页面布局、美化、盒子、3D、CSSHack等网页设计和交互技术,对那些客户要求高、工作节奏快的网站开发人员和设计人员有着尤其重要的指导作用。
《超实用的CSS代码段》从网页效果的不同类型和使用场景,对常用的CSS代码段进行了全方位的介绍和演示。全书分为11章,包含文字、字体、边框、图片、按钮、链接、背景、颜色、动画、页面布局、美化、盒子、3D、CSSHack等网页设计和交互技术,对那些客户要求高、工作节奏快的网站开发人员和设计人员有着尤其重要的指导作用。
序1 CSS的前世今生 VII
序2 你绝对不可能全部做对的
CSS题 XVII
序3 最流行的前端面试题 XXVI
第1章 文字与字体
1.1 在网页中使用自定义字体
1.2 文本缩进和首字符下沉
1.3 自定义文本被选中时的样式
1.4 文本对齐
1.5 调整文字、字符的间距
1.6 文本的装饰――画线、粗体、斜体
1.7 文字阴影
1.8 文字毛玻璃效果
1.9 文本溢出处理
1.10 金属质感文字
1.11 隐藏文本
1.11.1 使用text-indent
1.11.2 使用定位
1.12 文字旋转
1.13 现代字体栈
第2章 边框和图片
2.1 边框新属性的基础与实例
2.1.1 border-color
2.1.2 border-image
2.1.3 border-radius
2.1.4 box-shadow
2.2 搜索框
2.2.1 使用背景图片的搜索框
2.2.2 只使用CSS的搜索框
2.3 微博发布框
2.4 拍立得效果框
2.5 CSS 3动画边框
2.6 边框移动特效
2.7 Banner图片的标签
2.8 黑白图片
2.9 图片水印
2.10 图片细节放大展示
2.11 图片的瀑布流
2.11.1 浮动的瀑布流
2.11.2 绝对定位的瀑布流
2.12 图片墙
2.13 图片轮播图
2.13.1 使用定位实现
2.13.2 使用透明度实现
2.13.3 缝切换
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.10.1 使用JavaScript
3.10.2 使用CSS target伪类
3.11 选中文字分享
3.12 链接百叶窗效果
3.13 iPhone开关
3.14 按钮式单选框与复选框
3.15 自定义播放器
3.16 文字变链接
3.17 根据文件格式设置链接图标
3.18 链接标签"a"的顺序
第4章 背景和颜色
4.1 颜色和渐变的基础与实例
4.1.1 颜色
4.1.2 渐变简述
4.1.3 带前缀的渐变
4.1.4 W3C标准渐变(不带前缀)
4.1.5 重复渐变
4.2 高光效果
4.3 多背景
4.4 全屏背景
4.5 斑马线背景
4.6 棋盘背景
4.7 易拉罐效果
4.8 页面顶部阴影
第5章 变换与动画
5.1 CSS 3变换与动画的基础及实例
5.1.1 CSS 3变形概述
5.1.2 CSS 3变形语法详解及应用
5.1.3 CSS 3转换概述
5.1.4 CSS 3转换语法详解
5.1.5 CSS 3转换具体实例
5.1.6 CSS 3动画概述
5.1.7 CSS 3动画语法详解
5.1.8 简单实例
5.2 纸张边角动画效果
5.2.1 纸张边角稍稍卷起
5.2.2 边角翻折
5.2.3 更具立体感的边角翻折效果
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 拖曳和抛出
5.16.1 拖曳实现原理
5.16.2 抛出与模拟抛物原理
5.16.3 窗口实现
第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.1.1 文本的颜色
7.1.2 文本画线
7.1.3 文本的空白
7.1.4 文本的方向
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.13.1 Yahoo旧版翻页风格
7.13.2 Yahoo新版翻页风格
7.13.3 Meneame翻页风格
7.13.4 YouTube翻页风格
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)
10.8.1 方案一
10.8.2 方案二(雅虎方案)
10.8.3 方案三
第11章 其他常用代码
11.1 使用CSS 3实现简单的计算器
11.2 使用CSS 3制作网页播放器
11.3 不使用table的Form表单
11.4 可以重复利用的规则
11.5 在同一元素上使用多种类
11.6 CSS块引用模板
11.7 花式CSS 3 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内核某些属性
11.24.1 禁用电话号码转换为链接样式(移动设备)
11.24.2 禁用原生弹出菜单(移动设备)
11.24.3 禁用用户选中
11.24.4 禁用输入框、文本框的轮廓线
11.24.5 禁用文本框的缩放功能
^ 收 起
序2 你绝对不可能全部做对的
CSS题 XVII
序3 最流行的前端面试题 XXVI
第1章 文字与字体
1.1 在网页中使用自定义字体
1.2 文本缩进和首字符下沉
1.3 自定义文本被选中时的样式
1.4 文本对齐
1.5 调整文字、字符的间距
1.6 文本的装饰――画线、粗体、斜体
1.7 文字阴影
1.8 文字毛玻璃效果
1.9 文本溢出处理
1.10 金属质感文字
1.11 隐藏文本
1.11.1 使用text-indent
1.11.2 使用定位
1.12 文字旋转
1.13 现代字体栈
第2章 边框和图片
2.1 边框新属性的基础与实例
2.1.1 border-color
2.1.2 border-image
2.1.3 border-radius
2.1.4 box-shadow
2.2 搜索框
2.2.1 使用背景图片的搜索框
2.2.2 只使用CSS的搜索框
2.3 微博发布框
2.4 拍立得效果框
2.5 CSS 3动画边框
2.6 边框移动特效
2.7 Banner图片的标签
2.8 黑白图片
2.9 图片水印
2.10 图片细节放大展示
2.11 图片的瀑布流
2.11.1 浮动的瀑布流
2.11.2 绝对定位的瀑布流
2.12 图片墙
2.13 图片轮播图
2.13.1 使用定位实现
2.13.2 使用透明度实现
2.13.3 缝切换
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.10.1 使用JavaScript
3.10.2 使用CSS target伪类
3.11 选中文字分享
3.12 链接百叶窗效果
3.13 iPhone开关
3.14 按钮式单选框与复选框
3.15 自定义播放器
3.16 文字变链接
3.17 根据文件格式设置链接图标
3.18 链接标签"a"的顺序
第4章 背景和颜色
4.1 颜色和渐变的基础与实例
4.1.1 颜色
4.1.2 渐变简述
4.1.3 带前缀的渐变
4.1.4 W3C标准渐变(不带前缀)
4.1.5 重复渐变
4.2 高光效果
4.3 多背景
4.4 全屏背景
4.5 斑马线背景
4.6 棋盘背景
4.7 易拉罐效果
4.8 页面顶部阴影
第5章 变换与动画
5.1 CSS 3变换与动画的基础及实例
5.1.1 CSS 3变形概述
5.1.2 CSS 3变形语法详解及应用
5.1.3 CSS 3转换概述
5.1.4 CSS 3转换语法详解
5.1.5 CSS 3转换具体实例
5.1.6 CSS 3动画概述
5.1.7 CSS 3动画语法详解
5.1.8 简单实例
5.2 纸张边角动画效果
5.2.1 纸张边角稍稍卷起
5.2.2 边角翻折
5.2.3 更具立体感的边角翻折效果
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 拖曳和抛出
5.16.1 拖曳实现原理
5.16.2 抛出与模拟抛物原理
5.16.3 窗口实现
第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.1.1 文本的颜色
7.1.2 文本画线
7.1.3 文本的空白
7.1.4 文本的方向
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.13.1 Yahoo旧版翻页风格
7.13.2 Yahoo新版翻页风格
7.13.3 Meneame翻页风格
7.13.4 YouTube翻页风格
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)
10.8.1 方案一
10.8.2 方案二(雅虎方案)
10.8.3 方案三
第11章 其他常用代码
11.1 使用CSS 3实现简单的计算器
11.2 使用CSS 3制作网页播放器
11.3 不使用table的Form表单
11.4 可以重复利用的规则
11.5 在同一元素上使用多种类
11.6 CSS块引用模板
11.7 花式CSS 3 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内核某些属性
11.24.1 禁用电话号码转换为链接样式(移动设备)
11.24.2 禁用原生弹出菜单(移动设备)
11.24.3 禁用用户选中
11.24.4 禁用输入框、文本框的轮廓线
11.24.5 禁用文本框的缩放功能
^ 收 起
赵荣娇,毕业于中国传媒大学,工学硕士。目前就职于淘宝网航旅事业部,担任前端开发工程师,曾参与旅游特卖首页、1688订单等项目开发。热爱技术,喜欢分享。中国传媒大学新媒体研究院主办《信息科技周刊》总编辑、《新媒体技术动态》发起人。
任建智,早在Wap2.0时代便开始做手机网站,多以校园青春项目为主,包括表白交友网、掌上烟大(本地服务应用及O2O平台),目前目前某大学院校的网络信息系统,包括ACM内容管理系统、比赛报名系统等,技术涉及前端和后台以及各种接口和框架,是一线全栈工程师。
任建智,早在Wap2.0时代便开始做手机网站,多以校园青春项目为主,包括表白交友网、掌上烟大(本地服务应用及O2O平台),目前目前某大学院校的网络信息系统,包括ACM内容管理系统、比赛报名系统等,技术涉及前端和后台以及各种接口和框架,是一线全栈工程师。
《超实用的CSS代码段》精选400余段CSS代码,覆盖网页上所有的设计元素,堪称史上特别有用的CSS书籍,是网站建设和网页设计人员不可或缺的解决方案、技巧和模板。本书的代码跨平台、跨设备、跨浏览器,充分向读者演示了如何使用CSS的各项技术,实现令人眩目的网页布局和效果。
《超实用的CSS代码段》从网页效果的不同类型和使用场景,对常用的CSS代码段进行了全方位的介绍和演示。全书分为11章,包含文字、字体、边框、图片、按钮、链接、背景、颜色、动画、页面布局、美化、盒子、3D、CSSHack等网页设计和交互技术,对那些客户要求高、工作节奏快的网站开发人员和设计人员有着尤其重要的指导作用。
《超实用的CSS代码段》从网页效果的不同类型和使用场景,对常用的CSS代码段进行了全方位的介绍和演示。全书分为11章,包含文字、字体、边框、图片、按钮、链接、背景、颜色、动画、页面布局、美化、盒子、3D、CSSHack等网页设计和交互技术,对那些客户要求高、工作节奏快的网站开发人员和设计人员有着尤其重要的指导作用。
比价列表
公众号、微信群
缺书网
微信公众号
微信公众号
扫码进群
实时获取购书优惠
实时获取购书优惠