欢迎您来到懒之才-站长的分享平台!   学会偷懒,并懒出境界是提高工作效率最有效的方法!
首页 > 教程文档 > Css&Div > 超实用的CSS代码段【PDF】【10.68MB】

超实用的CSS代码段【PDF】【10.68MB】

2019-01-04 473 收藏 0 赞一个 0 真差劲 0 去评论 去下载

内容简介

《超实用的CSS代码段》精选400余段CSS代码,覆盖网页上所有的设计元素,堪称*有用的CSS书籍,是网站建设和网页设计人员不可或缺的解决方案、技巧和模板。《超实用的CSS代码段》的代码跨平台、跨设备、跨浏览器,充分向读者演示了如何使用CSS的各项技术,实现令人眩目的网页布局和效果。

《超实用的CSS代码段》从网页效果的不同类型和使用场景,对常用的CSS代码段进行了全方位的介绍和演示。《超实用的CSS代码段》分为11章,包含文字、字体、边框、图片、按钮、链接、背景、颜色、动画、页面布局、美化、盒子、3D、CSS Hack等网页设计和交互技术,对那些客户要求高、工作节奏快的网站开发人员和设计人员有着尤其重要的指导作用。

《超实用的CSS代码段》内容简洁明了、代码精练、重点突出、实例丰富、语言通俗易懂、原理清晰明白,是广大网页设计入门者和提高者的良好选择,同时也非常适合大中专院校学生学习阅读,也可作为高等院校非计算机专业,以及计算机非网络工程和相关专业的辅助读物。

作者简介

赵荣娇

毕业于中国传媒大学,工学硕士。目前就职于*网航旅事业部,担任前端开发工程师,曾参与旅游特卖首页、1688订单等项目开发。热爱技术,喜欢分享。中国传媒大学新媒体研究院主办《信息科技周刊》总编辑、《新媒体技术动态》发起人。

任建智

早在Wap 2.0时代便开始做手机网站,多以校园青春项目为主,包括表白交友网、掌上烟大(本地服务应用及O2O平台),目前目前某大学院校的网络信息系统,包括ACM内容管理系统、比赛报名系统等,技术涉及前端和后台以及各种接口和框架,是一线全栈工程师。

目录

序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动画语法详解

文档截图

QQ截图20190104153643.jpg

超实用的CSS代码段【PDF】【10.68MB】

一、推荐使用迅雷或快车等多线程下载软件下载本站资源。

二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。

三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!

四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.

五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。

六、如需转载本站资源,请注明转载来自并附带链接

七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com

下载地址
大家评论