# supercss **Repository Path**: edik/supercss ## Basic Information - **Project Name**: supercss - **Description**: No description available - **Primary Language**: CSS - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2016-05-03 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README

## 超实用CSS代码段 ___________________________ 作者：赵荣娇任建智 QQ ：363273932 邮箱：363273932@qq.com 新浪微博： [小蘑菇1111](http://weibo.com/sophisticate) ___________________________ ### [点击访问·书评交流区域](http://yinqiao.github.io/2014/03/16/supercss/) ### 本书[《超实用的CSS代码段》](http://yinqiao.github.io/2014/03/16/supercss/) 包括以下内容 #####序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内核某些属性 ================================= ####书籍点击购买地址: [互动出版网](http://product.china-pub.com/3804033) [京东商城](http://item.jd.com/1267767526.html) [亚马逊](http://www.amazon.cn/dp/B00N7YKVG4) [豆瓣](http://www.amazon.cn/dp/B00N7YKVG4)