<small id='SrzId0N7jZ'></small> <noframes id='mFcs'>

  • <tfoot id='X3oFPS'></tfoot>

      <legend id='PliMYAW9m0'><style id='9WneH'><dir id='T9SG'><q id='BtNwgLQnS'></q></dir></style></legend>
      <i id='f4YMN'><tr id='qWs6Fg'><dt id='doh1Ak'><q id='npvi1SJL'><span id='3InM4'><b id='bZgKC2'><form id='Z3JrPs4F5q'><ins id='NJok8m'></ins><ul id='tKeHOAiI'></ul><sub id='XUJGboi'></sub></form><legend id='fJkB2YiLP'></legend><bdo id='N3Rq9oLGa6'><pre id='o8VQNg'><center id='YeHQ9iLJb'></center></pre></bdo></b><th id='9TcJlK136L'></th></span></q></dt></tr></i><div id='d4M0vh'><tfoot id='7qbQGWgx'></tfoot><dl id='9LX0wR6G'><fieldset id='N139wH'></fieldset></dl></div>

          <bdo id='U0qbxZY'></bdo><ul id='2u8vh'></ul>

          1. <li id='4ulwZ0WYB'></li>
            登陆

            《呼应式web规划》HTML5、CSS3实践,适用于各个阶段的前端开发者

            admin 2019-09-07 278人围观 ,发现0个评论

            今日柠檬给咱们带来了一本适用于web前端开发各个阶段的超级好书——《呼应式web规划》pdf电子版。文末附获取办法

            本书可谓学习呼应式Web规划的可贵佳作。它不只全面、详尽、图文并茂地介绍了呼应式规划相关的技能,比方媒体查询、流式布局、弹性媒体和弹性字体等,还把近几年来Web规划范畴公认的最佳规划理念有机地融入到了实例傍边,比方移动先行(Mobile First)、渐进增强、平稳退化、无障碍规划等。愈加可贵的是,《呼应式web规划》HTML5、CSS3实践,适用于各个阶段的前端开发者本书以规划跨屏幕的网页(呼应式规划)为起点,以点带面,把现在Web规划范畴两大规范的最新版别HTML5和CSS3也归入其间,读者在掌握先进规划办法的一起也能掌握最新的规划技能(比方运用新的HTML5结构化语义符号、嵌入媒体、呼应式视频,以及CSS3的新挑选器、特效、过渡、变形和动画等),然后能够革除重复学习新规范之苦,让自己一步跨入Web规划范畴的最前沿。不管你想学习呼应式Web规划,仍是学习HTML5和CSS3的实践运用,本书都能满意你的需求,是毋庸置疑的正确之选。

            说到底,呼应式Web规划并非一门独立的技能,而仅仅现有技能的一个组合运用。只需有一点HTML和CSS根底的读者都能顺畅地掌握它。关于中、高档的前端规划和开发人员,翻阅本书也有助于理清自己的常识头绪,对这个新的规划理念取得更全面、深化的了解和掌握。

            目录

            第1章 HTML5、CSS3及呼应式规划入门 1

            1.1 为什么智能手机很重要(而老版的IE不再重要) 2

            1.2 呼应式规划一定是最佳挑选吗 3

            1.3 呼应式网页规划的界说 3

            1.4 为什么要在呼应式规划上停滞不前 4

            1.5 呼应式网页规划示例 4

            1.5.1 下载视口调试东西 4

            1.5.2 在线构思源泉 11

            1.6 为什么HTML5很优异 12

            1.6.1 省时省力 12

            1.6.2 新增了语义化标签元素 13

            1.7 CSS3为呼应式规划和更多立异奠定了根底 13

            1.7.1 底线:CSS3不损坏任何东西 14

            1.7.2 CSS3怎么处理日常规划问题 14

            1.8 看呐,不用图片 17

            1.9 HTML5和CSS3现在就能用吗 20

            1.10 呼应式网页规划不是灵丹妙药 20

            1.11 引导客户:网站不用在所有浏览器中体现共同 21

            1.12 小结 22

            第2章 媒体查询:支撑不同的视口 23

            2.1 现在就能运用媒体查询 23

            2.2 为什么呼应式规划需求媒体查询 24

            2.2.1 媒体查询语法 24

            2.2.2 媒体查询能检测那些特性 26

            2.2.3 用媒体查询改造咱们的规划 27

            2.2.4 加载媒体查询的最佳办法 27

            2.3 咱们的第一个呼应式规划 27

            2.3.1 咱们的规划是固定宽度的,不要惊奇 28

            2.3.2 呼应式规划中要确保图片尽可能精简 32

            2.3.3 小视口下的内容剪切 33

            2.4 阻挠移动浏览器主动调整页面巨细 34

            2.5 针对不同视口宽度批改规划 37

            2.6 呼应式规划中内容一直优先 38

            2.7 媒体查询仅仅必要条件之一 42

            2.8 小结 42

            第3章 拥抱流式布局 43

            3.1 固定布局经不起未来检测 43

            3.2 为什么呼应式规划需求百分比布局 44

            3.3 将网页从固定布局修改为百分比布局 44

            3.3.1 需求紧记的公式 45

            3.3.2 设置百分比元素的上下文 47

            3.3.3 有必要时刻紧记上下文 52

            3.4 用em替换px 《呼应式web规划》HTML5、CSS3实践,适用于各个阶段的前端开发者54

            3.5 弹性图片 56

            3.5.1 让图片随视口缩放 56

            3.5.2 为特定图片指定特定规矩 58

            3.5.3 给弹性图片设置阈值 59

            3.5.4 超级万能的max-width特点 61

            3.6 为不同的屏幕尺度供给不同的图片 61

            3.7 活动网格布局和媒体查询的默契合作 66

            3.8 CSS网格体系 66

            3.9 小结 72

            第4章 呼应式规划中的HTML5 73

            4.1 HTML5的哪些部分现在就能用 73

            4.1.1 大多数网站能够用HTML5编写 74

            4.1.2 腻子脚本和Modernizr 74

            4.2 怎么编写HTML5网页 75

            4.2.1 HTML5的精简之道 76

            4.2.2 HTML5标签的合理写法 76

            4.2.3 巨大的标签万岁 77

            4.2.4 HTML的抛弃零件 77

            4.3 HTML5的全新语义化元素 78

            4.3.1

            78

            4.3.2

            4.3.3

            79

            4.3.4

            4.3.5

            79

            4.3.6

            81

            4.3.7

            81

            4.3.8

            81

            4.4 HTML5结构元素的实践用法 81

            4.5 HTML5《呼应式web规划》HTML5、CSS3实践,适用于各个阶段的前端开发者的文本级语义元素 87

            4.5.1 88

            4.5.2 88

            4.5.3 88

            4.5.4 在页面中运用文本层语义元素 88

            4.6 遵从WAI-ARIA完成无障碍站点 90

            4.7 在HTML5中嵌入媒体 93

            4.8 用HTML5的办法为页面增加视频或音频 93

            4.8.1 供给备用的媒体源文件 95

            4.8.2 针对老版别浏览器的备用计划 95

            4.8.3 和标签的用法根本共同 96

            4.9 呼应式视频 96

            4.10 离线Web运用 99

            4.10.1 离线Web运用概述 99

            4.10.2 让网页可离线运用 99

            4.10.3 了解manifest文件 100

            4.10.4 页面被主动加载到离线缓存 101

            4.10.5 版别注释的用处 101

            4.10.6 离线拜访网站 101

            4.10.7 离线Web运用的故障诊断 102

            4.11 小结 103

            第5章 CSS3:挑选器、字体和色彩形式 104

            5.1 CSS3给前端开发人员带来了什么 104

            5.1.1 Internet Explorer 6到8对CSS3的支撑 105

            5.1.2 运用CSS3规划和开发页面 105

            5.2 CSS规矩解析 105

            5.3 私有前缀及其用法 106

            5.4 快速而有用的CSS技巧 108

            5.4.1 CSS3多栏布局 108

            5.4.2 文字换行 110

            5.5 CSS3的新增挑选器及其用法 111

            5.5.1 CSS3特点挑选器 111

            5.5.2 CSS3结构伪类 113

            5.5.3 对伪元素的批改 122

            5.6 自界说网页字体 123

            5.6.1 @font-face规矩 124

            5.6.2 运用@font-face嵌入网页字体 124

            5.7 帮帮我,标题含糊怎么办 127

            5.8 新的CSS3色彩格局和通明度 129

            5.8.1 RGB色彩 130

            5.8.2 HSL色彩 131

            5.8.3 针对IE6、IE7和IE8供给备用色彩值 132

            5.8.4 通明通道 132

            5.9 小结 134

            第6章 用CSS3发明令人冷艳的美 135

            6.1 文字暗影 136

            6.1.1 HEX、HSL或RGB色彩都能够 136

            6.1.2 px、em或rem都行 136

            6.1《呼应式web规划》HTML5、CSS3实践,适用于各个阶段的前端开发者.3 撤销文字暗影 138

            6.1.4 制造浮雕文字暗影作用 139

            6.1.5 多重文字暗影 140

            6.2 盒暗影 140

            6.2.1 内暗影 141

            6.2.2 多重暗影 142

            6.3 布景突变 143

            6.3.1 线性布景突变 144

            6.3.2 径向布景突变 147

            6.3.3 重复突变 149

            6.4 布景突变图画 151

            6.5 CSS3的呼应性 153

            6.6 组合运用CSS3特点 155

            6.7 多重布景图片 159

            6.7.1 布景图片巨细 161

            6.7.2 布景图片方位 161

            6.7.3 布景特点的缩写语法 161

            6.8 更多CSS特性 162

            6.9 可缩放图标:呼应式规划中的完美挑选 162

            6.10 小结 163

            第7章 CSS3过渡、变形和动画 164

            7.1 什么是CSS3过渡以及怎么运用它 164

            7.1.1 过渡相关的特点 166

            7.1.2 呼应式网站中的风趣过渡 168

            7.2 CSS3的2D变形 169

            7.3 测验CSS3的3D变形 174

            7.3.1 剖析3D变形作用 176

            7.3.2 3D变形没有老练 178

            7.4 CSS3动画作用 179

            7.5 小结 185

            第8章 用HTML5和CSS3降服表单 186

            8.1 HTML5表单 186

            8.1.1 了解HTML5表单中的元素 188

            8.1.2 placeholder 189

            8.1.3 required 189

            8.1.4 autofocus 190

            8.1.5 autocomplete 191

            8.1.6 list(及对应的datalist元素) 191

            8.1.7 HTML5的新输入类型 192

            8.1.8 日期和时刻输入类型 198

            8.2 怎么给不支撑新特性的浏览器打补丁 203

            8.3 运用CSS3美化HTML5表单 204

            8.4 小结 210

            第9章 处理跨浏览器问题 211

            9.1 渐进增强与高雅降级 215

            9.2 该不该批改老版别IE 216

            9.2.1 统计数据(再看看国际的改变) 216

            9.2.2 个人挑选 216

            9.3 前端的瑞士军刀:Modernizr 217

            9.3.1 运用Modernizr辅佐批改款式问题 219

            9.3.2 运用Modernizr让老版别IE支撑HTML5元素狄普台风 221

            9.3.3 给IE6、7、8追加min/max媒体查询功用 222

            9.3.4 运用Modernizr按需加载资源 223

            9.4 必要时将导航链接转换为下拉菜单 225

            9.5 高分辨率设备(未来趋势) 228

            9.6 小结 231


            书本获取办法:转发+重视并私信小编:“材料”即可免费收取这本《呼应式web规划》的电子版哦!

            请关注微信公众号
            微信二维码
            不容错过
            Powered By Z-BlogPHP