《CSS 3实战》实例

《CSS 3实战》实例

  • 大小:128 MB
  • 类型:CSS实战
  • 格式:PDF
  • 出版:机械工业出版社
  • 作者:成林
  • 更新:2022-06-20 06:51:53
vip 立即下载( 128 MB )
关注公众号免费下载
版权投诉 / 资源反馈(本资源由用户 马锦凡 投稿)

给大家整理一篇CSS实战类书籍配套资源,介绍了关于CSS、CSS实战、CSS实战方面的内容,本书是由机械工业出版社出版,已被550人关注,由戈文敏测试纠错,目前本书在CSS实战类综合评分为:7.4分。

CSS实战资源推荐

资源介绍

全书一共分为9章,首先从宏观上介绍了CSS 3技术的最新发展现状、新特性,以及现有的主流浏览器对这些新特性的支持情况;然后详细讲解了CSS 3的选择器、文本特性、颜色特性、弹性布局、边框和背景特性、盒模型、UI设计、多列布局、圆角和阴影、渐变、变形、转换、动画、投影、开放字体、设备类型、语音样式等重要的理论知识,这部分内容是本书的基础和核心。不仅每个知识点都配有丰富的、精心设计的实战案例,而且详细介绍了每一种新特性在各种主流浏览器上的兼容性,旨在帮助设计师们提高设计的安全性。
本书全彩印刷,排版、设计和装帧也非常精美,既适合学习参考,也适合收藏。无论你是前端领域的新人,还是有着丰富经验的老手,都能通过本书系统而全面地学习和实践CSS 3的最新技术,为迎接新一轮的Web技术革命打下坚实的基础。

封面图

目录

  • 前言
  • 第 1 章预览激动人心的CSS 31
  • 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.4CSS 3文本模块解析73
  • 3.5CSS 3不同版本之间的文本规范的差异79
  • 3.6HSL色彩模式80
  • 实战体验:网页配色解决方案表81
  • 3.7HSLA色彩模式86
  • 实战体验:模拟渐变色条87
  • 3.8RGBA色彩模式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.5CSS 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.1Webkit引擎的CSS渐变实现方法217
  • 7.1.1基本语法218
  • 7.1.2直线渐变的基本用法218
  • 7.1.3径向渐变的基本用法220
  • 7.1.4渐变的其他应用225
  • 7.2Gecko引擎的CSS渐变实现方法227
  • 7.2.1直线渐变基本语法227
  • 7.2.2直线渐变的基本用法227
  • 7.2.3径向渐变基本语法230
  • 7.2.4径向渐变的基本用法231
  • 7.2.5渐变的应用234
  • 7.3IE浏览器引擎的CSS渐变实现方法235
  • 7.3.1基本语法235
  • 7.3.2IE渐变滤镜实战应用236
  • 7.4W3C标准化的CSS渐变实现方法238
  • 7.5CSS 3渐变实战239
  • 7.5.1CSS渐变下拉菜单239
  • 7.5.2CSS渐变按钮243
  • 第8章CSS 3动画设计248
  • 8.1CSS变形(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.7CSS 3实战体验:设计图片墙262
  • 8.2CSS变形原点—transform-origin属性265
  • CSS3实战体验:定义图片旋转的原点265
  • 8.3CSS过渡—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.4CSS动画—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.5CSS 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 Queries299
  • 9.2.1@media规则的用法300
  • 实战体验:为不同设备设计不同的盒子框样式302
  • 9.2.2使用Media Queries链接外部CSS文件304
  • 9.2.3测试Media Queries305
  • 9.3定义投影—CSS Reflections305
  • CSS实战体验:应用CSS Reflections306
  • 9.4定义语音样式—CSS 3 Speech310
  • 实战体验:体验CSS 3 Speech应用311

以上就是本次关于配套资源的介绍和部分内容,我们还整理了以往更新的其它相关电子书资源内容,可以在下方直接下载,关于相关的资源我们在下方做了关联展示,需要的朋友们也可以参考下。

CSS实战相关资源

  • 《HTML、CSS和JavaScript入门经典(第2版)》配套资源

    《HTML、CSS和JavaScript入门经典(第2版)》配套资源

    编辑推荐 全球销量逾百万册的系列图书; 连续十余年打造的经典; 直观、循序渐进的学习教程; 掌握关键知识的起点; Read Less,Do More(精读多练)的教学理念; 以示例引导读者完成常见的任务; 每章内容针对初学者精心设计,1小时轻松阅读学习,24小时彻底掌握关键知识; 每章案例与练习题助你轻松完成常见任务; 通过实践提高应用技能,巩固所学知识。 循序渐进的示例引导读者完成常见的Web开发任务。 问与答、测验和练习帮助读者检验知识的

    大小:10.05 MB前端设计配套资源

  • 《CSS网页设计标准教程》教案

    《CSS网页设计标准教程》教案

    编辑推荐 剖析CSS核心原理,讲解流行网页元素,归纳网页布局方法,提供丰富综合案例。 内容简介 本书全面介绍了CSS技术标准的概念、原理以及在Web设计中的实际应用。 本书分为4部分,15章。包括了CSS核心原理、CSS专题技术、CSS页面布局以及综合案例等内容。全书遵循Web标准,强调网页中表现与内容分离的思想,从更规范的角度全面、系统地介绍了CSS网页设计的方法与技巧。书中给出了大量的案例,并对案例做了细致的分析,便于学生理解所学知识,

    大小:19.29 MB网页设计配套资源

  • 图解CSS3:核心技术与案例实战

    图解CSS3:核心技术与案例实战

    内容简介 本书是CSS3领域的标准性著作,由资深Web前端工程师根据CSS3的最新技术标准撰写。内容极为全面、丰富和翔实,由浅入深地讲解了CSS3新特性的语法、功能和使用技巧,涵盖选择器、边框、背景、文本、颜色、UI、动画、新型盒模型、媒体查询、响应式设计等各种模块;写作方式创新,有趣且易懂,用图解的方式来描述CSS3的每一个特性甚至每一个步骤都配有实战效果图;包含大量案例,实战性强,每个特性都有作者从实践中精心归纳和挑选出来的

    大小:9.7 MBCSS3电子书

  • CSS设计指南(第3版)

    CSS设计指南(第3版)

    大小:20.78 MBCSS电子书

  • Web编程基础:CSS、JavaScript、jQuery

    Web编程基础:CSS、JavaScript、jQuery

    《 Web编程基础:CSS、JavaScript、jQuery 》紧密围绕网页设计师在进行Web前台开发中实际需要掌握的技术,全面介绍了使用DIV+CSS、JavaScript、jQuery进行Web页面设计和制作技巧。《Web编程基础:CSS、

    大小:35 MBWeb编程电子书

  • 《HTML 5与CSS 3权威指南(第2版·上册)》代码清单

    《HTML 5与CSS 3权威指南(第2版·上册)》代码清单

    第1版2年内印刷近10次,累计销量超过50000册,4大网上书店的读者评论超过4600条,98%以上的评论都是五星级的好评。不仅是HTML 5与CSS 3图书领域当之无愧的领头羊,而且在整个原创计算机图书领域也是佼佼者。本书已经成为HTML 5与CSS 3图书领域的一个标杆,被读者誉为系统学习HTML 5与CSS 3技术的最佳指导参考书之一和Web前端工程师案头必备图书之一。第2版首先从技术的角度结合最新的HTML 5和CSS 3标准对内容进行了更新和补充,其次从结构组织和写作方式的

    大小:74.8 MBweb前端配套资源

  • 《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》文件,课件

    《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》文件,课件

    编辑推荐 畅销图书 全新升级经久不衰的经典教程震撼升级,诠释网页制作的新技术。实例典型 轻松易学以实例方式讲解理论知识,直观、具体,有助于快速上手。边学边做 学以致用涵盖网页制作中的各类知识,高效解决工作中的实际问题。配套课件 便于总结精心配备了课件和案例文件,便于老师教学以及学生复习。(配套素材文件及PPT课件请扫描封底左侧进入社区,搜索本书书名即可进去资源下载页面) 内容简介 本书主要内容分为以下7个部分。● 第

    大小:143.95 MB网页设计配套资源

  • 精通CSS:高级Web标准解决方案

    精通CSS:高级Web标准解决方案

    《精通CSS:高级Web标准解决方案(第3版)》PDF,有目录,428页,文字可以复制;配套源代码。本书是CSS设计经典图书升级版,结合CSS近年来的发展,尤其是CSS3和HTML5的特性,对内容进行了全面改写。

    大小:46.2 MBWeb前端电子书

下载地址

学习笔记

5小时1分钟前回答

JQuery操作元素的css样式

我们常常要使用Javascript来改变页面元素的样式。其中一种办法是改变页面元 素的CSS类(Class),这在传统的Javascript里,我们通常是通过处理HTML Dom的classname特性来实现的;而jQuery里提供三种方法来实现这个功能, 虽然它们和传统方法的思想相通,但是却节省了许多代码。还是那句 话 jQuery让JavaScript代码变得简洁! 1. addClass() 添加CSS类 复制代码 代码如下: $(#target).addClass(newClass); //……