当前位置:首页 > 程序设计 >
《Web前端开发精品课:HTML与CSS进阶教程》电子书封面

Web前端开发精品课:HTML与CSS进阶教程

  • 发布时间:2019年10月18日 08:37:29
  • 作者:莫振杰
  • 大小:32.9 MB
  • 类别:Web前端电子书
  • 格式:PDF
  • 版本:原书中文版
  • 评分:9.3

    Web前端开发精品课:HTML与CSS进阶教程 PDF 原书中文版

      给大家带来的一篇关于Web前端相关的电子书资源,介绍了关于Web前端、HTML、CSS方面的内容,本书是由人民邮电出版社出版,格式为PDF,资源大小32.9 MB,莫振杰编写,目前豆瓣、亚马逊、当当、京东等电子书综合评分为:8.1。

      内容介绍

      Web前端开发精品课 PDF

      通俗易懂 案例简洁形象,生动剖析晦涩难懂的知识点。 直击要点 规避思维误区,为初学者打牢基础保驾护航。 全面培养 讲透基础知识,亦注重开发技巧与思维锻炼。 精简浓缩 精炼核心内容,为读者节省学习时间与成本。 在线辅助 结合网站资源,强化书本学习并拓展新知识。
      本书内容结合笔者在前后端大量开发中的实战经验,系统化知识,浓缩精华,用通俗易懂的语言直击学习者的痛点。通过本书,能让你从“野生网页设计师”水平提升达到“真正前端工程师”水平。 全书分为两大部分:首部分是HTML进阶内容,主要介绍HTML高级技巧和HTML语义化;第二部分是CSS进阶内容,主要介绍CSS开发技巧、代码规范、性能优化、属性本质、重要概念(如包含块、BFC和IFC等)。 除了知识讲解,教程还融入了大量的开发案例,更加注重编程思维的培养,并且提供学习者一个流畅的学习思路。

      目录

      • 第一部分 HTML进阶
      • 第01章 HTML基础知识
      • 1.1 HTML和CSS进阶简介 2
      • 1.1.1 你真的精通HTML和CSS吗 2
      • 1.1.2 进阶教程简介 3
      • 1.2 HTML、XHTML和HTML5 3
      • 1.2.1 HTML和XHTML 3
      • 1.2.2 HTML5 4
      • 1.3 div和span 6
      • 1.4 id和class 7
      • 1.4.1 id属性 7
      • 1.4.2 class属性 7
      • 1.5 浏览器标题栏小图标 8
      • 第02章 语义化
      • 2.1 语义化简介 10
      • 2.2 标题语义化 12
      • 2.3 图片语义化 14
      • 2.3.1 alt属性和title属性 14
      • 2.3.2 figure元素和figcaption元素 15
      • 2.4 表格语义化 16
      • 2.5 表单语义化 19
      • 2.5.1 label标签 20
      • 2.5.2 fieldset标签和legend标签 21
      • 2.6 其他语义化 22
      • 2.6.1 换行符
      • 22
      • 2.6.2 无序列表ul 24
      • 2.6.3 strong标签和em标签 25
      • 2.6.4 del标签和ins标签 25
      • 2.6.5 img标签 26
      • 2.7 语义化验证 26
      • 2.8 HTML5舍弃的标签 27
      • 第二部分 CSS进阶
      • 第03章 CSS基础知识
      • 3.1 CSS单位 30
      • 3.1.1 绝对单位 30
      • 3.1.2 相对单位 31
      • 3.2 CSS特性 37
      • 3.2.1 继承性 37
      • 3.2.2 层叠性 39
      • 3.3 CSS优先级 40
      • 3.3.1 引用方式冲突 41
      • 3.3.2 继承方式冲突 41
      • 3.3.3 指定样式冲突 42
      • 3.3.4 继承样式和指定样式冲突 44
      • 3.3.5 !important 45
      • 3.4 CSS引入方式 47
      • 3.4.1 外部样式表 48
      • 3.4.2 内部样式表 48
      • 3.4.3 行内样式表 50
      • 3.5 CSS选择器 51
      • 3.5.1 后代选择器 51
      • 3.5.2 子代选择器 52
      • 3.5.3 兄弟选择器 54
      • 3.5.4 相邻选择器 55
      • 第04章 CSS规范
      • 4.1 CSS规范简介 58
      • 4.2 命名规范 59
      • 4.2.1 CSS文件命名 59
      • 4.2.2 id和class命名 59
      • 4.3 书写规范 62
      • 4.4 注释规范 65
      • 4.4.1 顶部注释 65
      • 4.4.2 模块注释 65
      • 4.4.3 简单注释 65
      • 4.5 CSS reset 66
      • 4.5.1 什么是CSS reset 66
      • 4.5.2 为什么要用CSS reset 66
      • 4.5.3 如何使用CSS reset 67
      • 第05章 盒子模型
      • 5.1 CSS盒子模型 70
      • 5.2 深入border 73
      • 5.2.1 性能差异 74
      • 5.2.2 兼容差异 74
      • 5.3 深入padding 74
      • 5.4 外边距叠加 76
      • 5.4.1 外边距叠加的三种情况 77
      • 5.4.2 外边距叠加的意义 78
      • 5.5 负margin技术 79
      • 5.5.1 负margin简介 79
      • 5.5.2 负margin技巧 82
      • 5.6 overflow 86
      • 第06章 display属性
      • 6.1 块元素和行内元素 90
      • 6.1.1 块元素 90
      • 6.1.2 行内元素 92
      • 6.2 display简介 93
      • 6.2.1 块元素 93
      • 6.2.2 inline元素 93
      • 6.2.3 inline-block元素 94
      • 6.3 display:none 95
      • 6.3.1 display:none简介 95
      • 6.3.2?“display:none”和
      • “visibility:hidden”的区别 96
      • 6.4 display:table-cell 98
      • 6.4.1 图片垂直居中于元素 98
      • 6.4.2 等高布局 100
      • 6.4.3 自动平均划分元素 102
      • 6.5 去除inline-block元素间距 103
      • 第07章 文本效果
      • 7.1 文本效果简介 107
      • 7.2 深入text-indent 108
      • 7.3 深入text-align 111
      • 7.3.1 text-align起作用的元素 112
      • 7.3.2?“text-align:center;”与
      • “margin:0 auto;”的区别 113
      • 7.4 深入line-height 113
      • 7.4.1 line-height的定义 113
      • 7.4.2 line-height取值 115
      • 7.5 深入vertical-align 118
      • 7.5.1 vertical-

      学习笔记

      web前端设计师们常用的jQuery特效插件汇总

      1.jQuery鼠标悬停文字渐隐渐现动画效果 这是一款基于JQuery实现的鼠标悬停文字渐隐渐现动画效果源码,是一款鼠标悬停后图片渐渐有一层透明遮罩层,同时说明文字从左侧滑入,鼠标离开后文字从右侧滑出,整体效果美观自然,用户体验较好。是一款比较优秀的特效源码。该源码兼容目前最新的各类主流浏览器。 在线演示 源码下载 2.jquery基于small2big实现的图片突出显示特效 这是一款基于Jquery的small2big插件实现的图片突出显示特效源码,鼠标滑过图片可实现图片的放大突出显示效果,有三款显示效果供大家选择。 在线演示 源码下载 3.DIV+CSS实现的天猫知名商家店铺导航汇总页面效果 DIV+CSS实现的天猫知……

      webpack2.0搭建前端项目的教程详解

      一、什么是webpack: webpack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。 注意: 目前最新为webpack2.0版本,与1.0有一些出入 二、初始化项目 npm initnpm install webpack --save-dev 三、安装loader,stylus以及postCss npm install style-loader css-loader stylus-loader stylus --save-devnpm install --save-dev postcss-loader autoprefixer 四、目录结构大致如下 五、添加webpack.config.js 配置如下: // 该配置基于webpack2.0 详情查看 https://webpack.js.org/guides/migrating/const path = require('path'); // 导入路径包module.exports = { entr……

      Web纯前端“旭日图”实现元素周期表

      一、什么是旭日图 旭日图是在Excel 2016中新增的一种图表。有些类似饼图,饼图的优势是可以显示占比。但是饼图只能显示单级数据。旭日图用来表示多层级数据的占比。旭日图以一种分层方式显示,非常适合用来显示层级数据。层次结构中每个级别的比例通过1个圆环表示,离原点越近代表圆环级别越高,最内层的圆表示顶级结构,然后一层一层去看数据的占比情况。 我们通过一个简单的示例,初步感受一下旭日图的魅力。 季度 月份 周 销量 Q1 1月份 29 2月份 第一周 63 第二周 54 第三周 91 第四周 78 3月份 49 Q2 4月份 66 5月份 110 6月份 42 Q3 7月份 19 8月份 73 9月份 109 Q4 10月份 32 11月份 112 12月份 99 表1 某产品……

      web前端开发python能做吗

      Web开发是一个大概念,而且当今Web开发的一大热门语言是Python(最大的当然还是PHP)。 1 WSGI, 即Web Server Gateway Interface Web开发有两大基础: HTTP协议 HTML语言 HTTP协议在Web领域的重要性不必赘述,这样一个重要的概念,如果交给开发者去实现,且不谈编程,单是看懂庞大的协议,就会花掉大量的时间。好在我们意识到,实现协议的工作,显然是可重复利用的。可重复利用的HTTP协议实现,被封装在Python库里,就有了Python进行Web开发最基本的一个库:WSGI(Web Server Gateway Interface)。WSGI为开发者封装了HTTP协议的实现,将网络通信抽象为接收数据报和发送数据报的简单函数。对HTTP协议有基本了解的读者可以看一……

      以上就是本次介绍的Web前端电子书的全部相关内容,希望我们整理的资源能够帮助到大家,感谢大家对码农之家的支持。

      上一篇:学习JavaScript数据结构与算法

      下一篇:程序员生存手册:面试篇

      展开 +

      收起 -

      • 《Web前端开发精品课:HTML与CSS进阶教程》PDF下载

      Web前端相关电子书
      Web前端开发HTML5/CSS3/jQuery/AJAX从学到用完美实践
      Web前端开发HTML5/CSS3/jQuery/AJAX从学到用完美实践 高质量扫描版

      本书是著名前端开发大牛阮晓龙老师爽作,HTML5、CSS3、jQuery、AJAX一站搞定,一本真正好学、实用又精彩的书,讲述了用HTML5 CSS3设计构建网站的必备知识,欢迎下载

      立即下载
      高效前端:Web高效编程与优化实践
      高效前端:Web高效编程与优化实践 清晰影印版

      本书精选了前端开发中的34个疑难问题,从分析问题入手,逐步给出解决方案,并分析各种方案的优劣,并总结出高效编程的最佳实践和各种性能优化的方法

      立即下载
      案例学WEB前端开发
      案例学WEB前端开发 扫描完整版

      《案例学Web 前端开发》 从初学者角度出发,通过44 个实用的Web 前端应用,循序渐进地讲解一个完整网站的功能实现及开发过程。全书共分12 章,包括Web 网站初体验、搭建网站雏形、用CSS3 装

      立即下载
      Web前端开发精品课 JavaScript基础教程
      Web前端开发精品课 JavaScript基础教程 原书影印版

      《JavaScript基础教程》 共分为2大部分,第1部分是JavaScript基础知识,主要学习JavaScript基础概念如变量、运算符、表达式等。第二部分是JavaScript进阶知识,主要学习DOM、事件操作以及各种开发技

      立即下载
      HTML CSS JavaScript网页制作从入门到精通
      HTML CSS JavaScript网页制作从入门到精通 第3版

      HTML CSS JavaScript网页制作从入门到精通 第3版 共分为19章和4个附录,重点介绍使用HTML进行网页制作的方方面面,同时讲解了目前流行的Web标准与CSS网页布局实例,以及基于JavaScript语言的网页特

      立即下载
      HTML5+CSS3网页设计入门必读
      HTML5+CSS3网页设计入门必读 完整版

      要搭建1个出色的智能化网页页面,HTML5和CSS3是每一名开发者务必把握的小工具。这书分构造清楚,內容精练,以*轻轻松松通俗易懂的方法向用户详细介绍了与HTML5有关的标识简史、HTML设计构思

      立即下载
      读者留言
      dealtyxx

      dealtyxx 提供上传

      资源
      24
      粉丝
      12
      喜欢
      279
      评论
      2

      Copyright 2018-2020 xz577.com 码农之家

      本站所有电子书资源不再提供下载地址,只分享来路

      版权投诉 / 书籍推广 / 赞助:QQ:520161757