《超实用的CSS代码段》精选400余段CSS代码,覆盖网页上所有的设计元素,堪称史上最有用的CSS书籍,是网站建设和网页设计人员不可或缺的解决方案、技巧和模板。《超实用的CSS代码段》的代码跨平台、跨设备、跨浏览器,充分向读者演示了如何使用CSS的各项技术,实现令人眩目的网页布局和效果。
《超实用的CSS代码段》从网页效果的不同类型和使用场景,对常用的CSS代码段进行了全方位的介绍和演示。《超实用的CSS代码段》分为11章,包含文字、字体、边框、图片、按钮、链接、背景、颜色、动画、页面布局、美化、盒子、3D、CSS Hack等网页设计和交互技术,对那些客户要求高、工作节奏快的网站开发人员和设计人员有着尤其重要的指导作用。
《超实用的CSS代码段》内容简洁明了、代码精练、重点突出、实例丰富、语言通俗易懂、原理清晰明白,是广大网页设计入门者和提高者的良好选择,同时也非常适合大中专院校学生学习阅读,也可作为高等院校非计算机专业,以及计算机非网络工程和相关专业的辅助读物。
序1 CSS的前世今生 VII
序2 你绝对不可能全部做对的CSS题 XVII
序3 最流行的前端面试题 XXVI
第1章 文字与字体 1
1.1 在网页中使用自定义字体 1
1.2 文本缩进和首字符下沉 3
1.3 自定义文本被选中时的样式 4
1.4 文本对齐 4
1.5 调整文字、字符的间距 5
1.6 文本的装饰——画线、粗体、斜体 6
1.7 文字阴影 6
1.8 文字毛玻璃效果 7
1.9 文本溢出处理 7
1.10 金属质感文字 8
1.11 隐藏文本 9
1.11.1 使用text-indent 9
1.11.2 使用定位 9
1.12 文字旋转 10
1.13 现代字体栈 10
第2章 边框和图片 12
2.1 边框新属性的基础与实例 12
2.1.1 border-color 12
2.1.2 border-image 13
2.1.3 border-radius 17
2.1.4 box-shadow 18
2.2 搜索框 19
2.2.1 使用背景图片的搜索框 19
2.2.2 只使用CSS的搜索框 20
2.3 微博发布框 21
2.4 拍立得效果框 26
2.5 CSS 3动画边框 27
2.6 边框移动特效 31
2.7 Banner图片的标签 32
2.8 黑白图片 34
2.9 图片水印 34
2.10 图片细节放大展示 35
2.11 图片的瀑布流 39
2.11.1 浮动的瀑布流 40
2.11.2 绝对定位的瀑布流 42
2.12 图片墙 45
2.13 图片轮播图 47
2.13.1 使用定位实现 48
2.13.2 使用透明度实现 52
2.13.3 无缝切换 52
2.14 幻灯片 56
2.15 手风琴效果 60
2.16 图片自适应 61
2.17 使用纯CSS绘制图像 62
2.18 图片原地放大 66
2.19 图片翻转 67
2.20 图像地图 68
第3章 按钮和链接 71
3.1 圆角按钮 71
3.2 简单导航栏 74
3.3 二级导航栏 76
3.4 三级导航栏 78
3.5 滑动菜单 80
3.6 网页右键菜单 82
3.7 下拉菜单 84
3.8 CSS 3圆形导航菜单 87
3.9 标签云 90
3.10 TAB标签页 91
3.10.1 使用JavaScript 92
3.10.2 使用CSS target伪类 92
3.11 选中文字分享 93
3.12 链接百叶窗效果 94
3.13 iPhone开关 96
3.14 按钮式单选框与复选框 97
3.15 自定义播放器 100
3.16 文字变链接 104
3.17 根据文件格式设置链接图标 104
3.18 链接标签“a”的顺序 105
第4章 背景和颜色 108
4.1 颜色和渐变的基础与实例 108
4.1.1 颜色 108
4.1.2 渐变简述 109
4.1.3 带前缀的渐变 109
4.1.4 W3C标准渐变(不带前缀) 111
4.1.5 重复渐变 111
4.2 高光效果 112
4.3 多背景 112
4.4 全屏背景 113
4.5 斑马线背景 114
4.6 棋盘背景 115
4.7 易拉罐效果 117
4.8 页面顶部阴影 119
第5章 变换与动画 120
5.1 CSS 3变换与动画的基础及实例 120
5.1.1 CSS 3变形概述 120
5.1.2 CSS 3变形语法详解及应用 121
5.1.3 CSS 3转换概述 122
5.1.4 CSS 3转换语法详解 123
5.1.5 CSS 3转换具体实例 124
5.1.6 CSS 3动画概述 124
5.1.7 CSS 3动画语法详解 125
5.1.8 简单实例 127
5.2 纸张边角动画效果 127
5.2.1 纸张边角稍稍卷起 128
5.2.2 边角翻折 130
5.2.3 更具立体感的边角翻折效果 132
5.3 气泡式提示 134
5.4 对联广告 136
5.5 页面loading效果 137
5.6 进度条 139
5.7 图标滑动切换特效 142
5.8 流星划过效果 143
5.9 雪花飘落效果 144
5.10 数字滚动器 146
5.11 模拟时钟 149
5.12 苹果著名的DOCK栏 154
5.13 苹果系统的Stack特效 158
5.14 扇形展开 161
5.15 回到页面的顶部 166
5.16 拖曳和抛出 167
5.16.1 拖曳实现原理 167
5.16.2 抛出与模拟抛物原理 168
5.16.3 窗口实现 168
第6章 页面的布局 170
6.1 图文混排 170
6.2 文本内容垂直居中 172
6.3 自适应宽度的水平居中 173
6.4 固定宽度且居中 174
6.5 固定页脚 175
6.6 控制位置:绝对位置和相对位置 177
6.7 一个图文混排的网页选项卡 178
6.8 兼容浏览器的最小高度 182
6.9 让div显示在屏幕的中央 183
6.10 iPad屏幕布局 185
6.11 经典的CSS Clearfix 186
6.12 升级版的Clearfix 187
6.13 强制垂直滚动条 189
6.14 CSS 3文本分列 190
6.15 让div层在Flash之上 192
6.16 float引起div自适应高度无效的解决方案 193
6.17 Flexbox布局风格 196
6.18 动态高度下的居中 201
6.19 纯CSS实现固定表头 202
6.20 Metro布局风格 205
第7章 美化与装饰 209
7.1 文本装饰 209
7.1.1 文本的颜色 209
7.1.2 文本画线 210
7.1.3 文本的空白 212
7.1.4 文本的方向 212
7.2 发光输入框 213
7.3 自定义滚动条 214
7.4 页面顶部阴影 218
7.5 巧妙实现分隔线 218
7.6 三角形列表符号 221
7.7 纸页面卷曲效果 222
7.8 跨浏览器的透明度 225
7.9 鼠标指向时变成手型 227
7.10 鼠标移动到div上高亮显示 227
7.11 发光锚链接 229
7.12 屏蔽Webkit浏览器的高亮效果 230
7.13 多种风格的翻页页码 232
7.13.1 Yahoo旧版翻页风格 232
7.13.2 Yahoo新版翻页风格 234
7.13.3 Meneame翻页风格 236
7.13.4 YouTube翻页风格 238
7.14 创建针线缝合效果 239
第8章 盒子 241
8.1 CSS 3盒模型 241
8.2 内层CSS 3盒阴影 243
8.3 外层CSS 3盒阴影 243
8.4 纯CSS 3透明水晶盒 244
8.5 投影发光效果 249
第9章 3D相关 251
9.1 3D文字 251
9.2 3D图片立体效果 253
9.3 3D按钮 258
9.4 3D下拉菜单 264
9.5 3D旋转动画 269
第10章 CSS Hack 273
10.1 让网站在所有浏览器下显示一致(CSS Reset) 273
10.2 解决IE 6中浮动元素的双倍边距问题 276
10.3 识别不同浏览器 277
10.4 背景与图片透明 281
10.5 IE 10 CSS Hack 285
10.6 CSS 3 滤镜 286
10.7 常用的CSS Hack列表 291
10.8 CSS重置方案(CSS Reset) 294
10.8.1 方案一 294
10.8.2 方案二(雅虎方案) 295
10.8.3 方案三 295
第11章 其他常用代码 297
11.1 使用CSS 3实现简单的计算器 297
11.2 使用CSS 3制作网页播放器 301
11.3 不使用table的Form表单 306
11.4 可以重复利用的规则 310
11.5 在同一元素上使用多种类 312
11.6 CSS块引用模板 313
11.7 花式CSS 3 Pull-引文 314
11.8 一般媒体查询 315
11.9 CSS 3背景梯度 317
11.10 CSS日历显示效果 318
11.11 字符编码 322
11.12 手机APP使用的简洁注册页面 323
11.13 手机简洁价目表 327
11.14 手机简洁任务表 331
11.15 微店购物车 334
11.16 APP导航与提醒 338
11.17 简洁记事本 341
11.18 手机文件下载 345
11.19 迷你下拉列表框 347
11.20 Google Font API 349
11.21 动态提示框 350
11.22 用CSS创建内容幻灯片 353
11.23 打印自动显示超链接URL 357
11.24 禁用Webkit内核某些属性 357
11.24.1 禁用电话号码转换为链接样式(移动设备) 357
11.24.2 禁用原生弹出菜单(移动设备) 357
11.24.3 禁用用户选中 358
11.24.4 禁用输入框、文本框的轮廓线 358
11.24.5 禁用文本框的缩放功能 358
数据库系统工程师教程 本书特色 《全国计算机技术与软件专业技术资格(水平)考试教学用书:数据库系统工程师教程》:全国计算机技术与软件专业技术资格(水平)考试作为...
《山花灿烂寂寞红》内容简介:萧红编著的《山花灿烂寂寞红》是一本作品综合集,她的作品多取材于家乡,以其敏锐纤细的艺术感受力,
交互式计算机图形学基于OPENGL的自顶向下方法(第5版)英文版 本书特色 《交互式计算机图形学——基于OpenGL的自顶向下方法》可作为计算机及相关专业本科生...
自万维网络中出现商业站点以来,基于Web的商业需求和用户的隐私权利之间就存在着不断的斗争。Web开发者们需要收集有关用户的信息
《饭前一碗汤,胜过良药方》内容简介:“汤水就像阳光和雨露,默默滋养着我们,改善着我们的生命和生活的状态。”懂喝汤的医学博士
《德教释疑》内容简介:有无公德、私德之分?道德是否需要形而上预设?修己与待人的区别何在?浙江大学中西书院院长刘东教授借着为
《砖瓦》内容简介:中国古代建筑采用木结构体系,一座房屋的木构架完成后,在屋面上用瓦铺顶,在立柱之间用砖砌墙,从而围合成可使
《最新考博英语命题人高分策略:翻译强化特训》内容简介:博士研究生入学英语考试主要测试听力、语法、词汇、阅读理解、完形填空、
《信息之美》告诉读者信息视觉效果的显示和信息如何关联,以及和这些信息相关的事实,让信息设计更有意思,信息决策更高效。我们
日历盒子是MONO日签的纸质版本,模拟了作为APP的MONO拥有的经典下拉流的交互阅读模式。365天的日签逐格被仪式化地装入黑色的匣体
《重读哈耶克》内容简介:弗里德里希·奥古斯都·冯·哈耶克是一位曾影响了20世纪全人类经济社会发展进程、现代经济学理论和各国经
EXCEL应用大全 本书特色 《Excel应用大全》一书适合各个层次的Excel用户,即可作为初学者的入门指南,又可作为中、高级用户的参考手册。书中大量的实例还...
《像我这样的一个读者》内容简介:独一无二的经典文学作品阅读指南,世界华文文学奖得主西西的私人书单。打开这本无限之书,你可以
《乡土中国》内容简介:《乡土中国》是费孝通在西南联大和云南大学讲授“乡村社会学”的讲稿,它尝试回答了“作为中国基层社会的乡
《软件项目估算》内容简介:本书主要讲解如何构建估算模型和验证估算模型的质量。本书分为3个部分,共13章。第一部分(第1~3章)介
《理智与情感》内容简介:人文社本版“奥斯丁文集”首次亮相 简·奥斯丁处女作,与《傲慢与偏见》堪称姐妹篇 简·奥斯丁在十九岁时
《中国区域经济发展报告(2018)》内容简介:2019年是我国改革开放的第41年,也是区域经济学成立的第30年,因此本书以“回顾改革开
《产品生命周期管理:21世纪企业制胜之道》主要内容:产品生命周期管理是当今制造企业重要的管理理念和方法,对提升我阳制造企业的
《子义手抄报》内容简介:这是一本指导学生制作黑板报和手抄报的工具书。这本书里的画风清丽,为学生提供了丰富的版式设计和内容选
《孟子重估:从牟宗三到西方汉学》内容简介:1.儒家思想资源的重新估定和现代整合一直是学术界、思想界的热门论题,本书以台港新儒