最新公告
  • 开通终身SVIP,享全站不限量下载次数-云资源-集成各类网络资源-正在更新中-预计更新到5W+文章开通SVIP
  • 文章介绍
  • 评价建议
  • 资源名称:CSS3 实战

    内容简介:

    全书一共分为9章,首先从宏观上介绍了CSS 3技术的最新发展现状、新特性,以及现有的主流浏览器对这些新特性的支持情况;然后详细讲解了CSS 3的选择器、文本特性、颜色特性、弹性布局、边框和背景特性、盒模型、UI设计、多列布局、圆角和阴影、渐变、变形、转换、动画、投影、开放字体、设备类型、语音样式等重要的理论知识,这部分内容是本书的基础和核心。不仅每个知识点都配有丰富的、精心设计的实战案例,而且详细介绍了每一种新特性在各种主流浏览器上的兼容性,旨在帮助设计师们提高设计的安全性。

    本书全彩印刷,排版、设计和装帧也非常精美,既适合学习参考,也适合收藏。无论你是前端领域的新人,还是有着丰富经验的老手,都能通过本书系统而全面地学习和实践CSS 3的最新技术,为迎接新一轮的Web技术革命打下坚实的基础。

    作者简介:

    成林  资深Web前端工程师,从事Web前端工作多年,精通CSS、HTML、Javascript、jQuery和Ajax等Web前端技术,在实践中积累了大量的经验。推崇Web技术标准,曾经在多所高等院校和一些线下技术沙龙主讲Web标准和规范相关的课程,曾经还参与过W3C组织的标准化文档的中文编译工作。近两年来,集中精力研究和实践CSS 3和 HTML 5前沿技术,是国内该领域的先驱者之一,已经有较为深入的认识和丰富的实践经验。

    资源目录:

    前言

    第 1 章 预览激动人心的CSS 3 1

    1.1  CSS 3发展概述 1

    1.2  CSS 3模块化简介 2

    1.3  CSS 3新特性概览 4

    1.4  主流浏览器对CSS 3的支持 8

    1.5  CSS 3的未来和思考 9

    第 2 章 CSS 3新增的选择器 11

    2.1 属性选择器 13

    实战体验:文档共享的友善之举 14

    2.2 结构伪类选择器 17

    实战体验1:设计优雅的数据表格 19

    实战体验2:CSS大战保龄球 21

    实战体验3:让枯燥的列表更有趣 27

    实战体验4:清理圆角边框中的垃圾标签 29

    2.3  UI元素状态伪类选择器 33

    实战体验1:设计可用的表单 36

    实战体验2:设计友好、易用的表单 40

    2.4  其他新增选择器 45

    实战体验1:设计层序化的数据表格 47

    实战体验2:改善页内导航的视觉体验 50

    第3章 增强的文本和颜色功能 54

    3.1 文本阴影—text-shadow属性 56

    实战体验:设计超酷的黑猫警长首页 62

    3.2 溢出文本省略—text-over flow属性 64

    实战体验:设计固定区域的新闻列表 66

    3.3 文本换行显示—word-wrop属性 67

    实战体验:防止表格标题行换行 71

    3.4 CSS 3文本模块解析 73

    3.5 CSS 3不同版本之间的文本规范的差异 79

    3.6 HSL色彩模式 80

    实战体验:网页配色解决方案表 81

    3.7 HSLA色彩模式 86

    实战体验:模拟渐变色条 87

    3.8 RGBA色彩模式 88

    实战体验:设计带阴影边框的表单 88

    3.9 不透明度—opacity属性 90

    实战体验:设计灯箱广告背景布 91

    第4章 新增的弹性盒模型 93

    4.1 定义盒子的布局取向—box-orient属性 95

    实战体验:设计多栏布局 96

    4.2 定义盒子的布局顺序—box-direction属性 99

    实战体验:反向布局网页 100

    4.3 定义盒子布局位置—box-ordinal-group属性 101

    实战体验:垂直网页布局 102

    4.4 定义盒子的弹性空间—box-flex属性 104

    实战体验:自适应栏目宽度设计 105

    4.5 管理盒子的空间—box-pack和box-align属性 109

    实战体验:自适应布局居中设计 111

    4.6 空间溢出管理—box-lines属性 115

    实战体验:让子元素分行显示 115

    4.7 弹性布局综合实战—打造新技术含量的博客 117

    4.7.1 构建博客页的基本结构 117

    4.7.2 完善博客页的结构 118

    4.7.3 弹性布局设计 119

    第5章 完善的盒模型和UI设计 124

    5.1 定义多色边框—border-color属性 124

    实战体验:设计立体边框 127

    5.2 定义边框背景图—border-image属性 128

    实战体验:设计各种精巧的边框 138

    5.3 设计圆角—border-radius属性 140

    5.4 设计块阴影—box-shadow属性 147

    5.5 CSS 3边框和背景样式综合实战 151

    5.6 设计多重背景图象—background属性 155

    实战体验:背景图像合成 157

    5.7 定义背景坐标原点—background-origin属性 158

    实战体验:设计信纸背景效果 159

    5.8 定义背景裁剪区域—background-clip属性 160

    实战体验1:设计内容区背景 163

    实战体验2:设计按钮效果 163

    5.9 定义背景图像大小—background-size属性 164

    实战体验:设计自适应模块大小的背景图像 165

    5.10 溢出内容处理—overflow-x和overflow-y属性 166

    5.11 定义盒模型解析模式—box-sizing属性 170

    5.12 自由缩放—resize属性 171

    实战体验:设计能随意调整大小的壁画 172

    5.13 定义外轮廓线—outline属性 173

    实战体验:设计醒目激活和焦点提示框 175

    5.14 定义外轮廓线宽度—outline-width属性 177

    5.15 定义外轮廓线样式—outline-style属性 178

    5.16 定义外轮廓线颜色—outline-color属性 179

    5.17 定义外轮廓线位移—outline-offset属性 179

    实战体验:放大激活和焦点提示框 180

    5.18 定义导航序列号—nav-index属性 181

    实战体验:调整表单输入框的键盘激活顺序 182

    5.19 定义方向键控制顺序 184

    实战体验:正确定义键盘控制键顺序 185

    5.20 为元素添加内容—content属性 187

    第6章 CSS 3多列布局 190

    6.1 定义多列布局—columns属性 190

    实战体验:设计文章多栏显示 191

    6.2 定义列宽度—column-width属性 192

    实战体验:设计固定宽度的栏目版面 193

    6.3 定义列数—column-count属性 194

    实战体验:设计固定列数的版面 195

    6.4 定义列间距—column-gap属性 196

    实战体验:设计疏朗的文档版面 197

    6.5 定义列边框样式—column-rule属性 198

    实战体验:为多列布局版面设计边框效果 200

    6.6 定义跨列显示—column-span属性 201

    实战体验:设计文章标题跨列显示 202

    6.7 定义栏目高度—column-fill属性 203

    实战体验:设计不等高的多列布局效果 204

    6.8 分列打印 206

    6.9 结合案例实战—设计精美的多列网页版式 207

    第7章 CSS 3渐变设计 217

    7.1 Webkit引擎的CSS渐变实现方法 217

    7.1.1 基本语法 218

    7.1.2 直线渐变的基本用法 218

    7.1.3 径向渐变的基本用法 220

    7.1.4 渐变的其他应用 225

    7.2 Gecko引擎的CSS渐变实现方法 227

    7.2.1 直线渐变基本语法 227

    7.2.2 直线渐变的基本用法 227

    7.2.3 径向渐变基本语法 230

    7.2.4 径向渐变的基本用法 231

    7.2.5 渐变的应用 234

    7.3 IE浏览器引擎的CSS渐变实现方法 235

    7.3.1 基本语法 235

    7.3.2 IE渐变滤镜实战应用 236

    7.4 W3C标准化的CSS渐变实现方法 238

    7.5 CSS 3渐变实战 239

    7.5.1 CSS渐变下拉菜单 239

    7.5.2 CSS渐变按钮 243

    第8章 CSS 3动画设计 248

    8.1 CSS变形(Transformation) 248

    8.1.1 变形基础—transform属性 249

    实战体验:设计一个简单的鼠标动画 250

    8.1.2 旋转动画—rotate()函数 251

    8.1.3 缩放动画—scale()函数 253

    8.1.4 移动动画—translate()函数 255

    8.1.5 倾斜动画—skew()函数 258

    8.1.6 矩阵变形动画—matrix()函数 260

    8.1.7 CSS 3实战体验:设计图片墙 262

    8.2 CSS变形原点—transform-origin属性 265

    CSS3实战体验:定义图片旋转的原点 265

    8.3 CSS过渡—transition属性 268

    8.3.1 设置过渡的CSS属性—transition-property属性 269

    8.3.2 设置过渡的时间—transition-duration属性 270

    8.3.3 设置过渡延迟时间—transition-delay属性 271

    8.3.4 设置过渡效果—transition-timing-function属性 272

    CSS 3实战体验:设计OS X Dock(OS系统的导航码头) 274

    8.4 CSS动画—animation属性 276

    8.4.1 设置CSS动画名称—animation-name属性 277

    8.4.2 设置CSS动画时间—animation-duration属性 278

    8.4.3 设置CSS动画播放方式—animation-timing-function属性 278

    8.4.4 设置CSS动画开始播放的时间—animation-delay属性 279

    8.4.5 设置CSS动画播放次数—animation-iteration-count属性 279

    8.4.6 设置CSS动画播放方向—animation-direction属性 280

    CSS 3实战体验:设计自动翻转的图片效果 280

    8.5 CSS 3动画综合实战 282

    8.5.1 设计动态立体盒子 282

    8.5.2 设计CSS 3手风琴式折叠面板 285

    8.5.3 设计能够旋转背景的易拉罐 287

    8.5.4 设计旋转出仓的光盘动画效果 290

    第9章 CSS 3新增的其他功能 295

    9.1 引用外部字体类型—@font-face规则 296

    9.1.1 @font-face规则的用法 296

    实战体验:设计艺术字体 297

    9.1.2 关于开放字体格式 298

    9.2 定义CSS设备类型—Media Queries 299

    9.2.1 @media规则的用法 300

    实战体验:为不同设备设计不同的盒子框样式 302

    9.2.2 使用Media Queries链接外部CSS文件 304

    9.2.3 测试Media Queries 305

    9.3 定义投影—CSS Reflections 305

    CSS实战体验:应用CSS Reflections 306

    9.4 定义语音样式—CSS 3 Speech 310

    实战体验:体验CSS 3 Speech应用 311

    资源截图:

    1.png


    源码网-yuanma.in » CSS3 实战_前端开发教程

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

    发表评论

    • 2会员总数(位)
    • 40993资源总数(个)
    • 0本周发布(个)
    • 0 今日发布(个)
    • 1698稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情