标签分类 热门分类
当前位置:首页 > 程序设计电子书 > Web前端电子书网盘下载
Web前端开发精品课:HTML与CSS进阶教程 Web前端开发精品课:HTML与CSS进阶教程
dealtyxx

dealtyxx 提供上传

资源
50
粉丝
27
喜欢
273
评论
3

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

    Web前端电子书
    • 发布时间:

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

  • Web前端开发精品课:HTML与CSS进阶教程 PDF 下载
  • 下载地址:https://pan.baidu.com/s/1dnoD_jf4ixgvhyORDEJHk
  • 分享码:mrc2
  • 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-

    上一篇:学习JavaScript数据结构与算法  下一篇:数据架构:大数据、数据仓库以及Data Vault

    展开 +

    收起 -

    Web前端 相关电子书
    关于Web前端的学习笔记
    网友NO.244799

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

    1.jQuery鼠标悬停文字渐隐渐现动画效果 这是一款基于JQuery实现的鼠标悬停文字渐隐渐现动画效果源码,是一款鼠标悬停后图片渐渐有一层透明遮罩层,同时说明文字从左侧滑入,鼠标离开后文字从右侧滑出,整体效果美观自然,用户体验较好。是一款比较优秀的特效源码。该源码兼容目前最新的各类主流浏览器。 在线演示 源码下载 2.jquery基于small2big实现的图片突出显示特效 这是一款基于Jquery的small2big插件实现的图片突出显示特效源码,鼠标滑过图片可实现图片的放大突出显示效果,有三款显示效果供大家选择。 在线演示 源码下载 3.DIV+CSS实现的天猫知名商家店铺导航汇总页面效果 DIV+CSS实现的天猫知名商家导航页面效果源码,是一段汇总了天猫所有知名商家店铺网址和名称的代码,并且为各商家分类显示,还具有有效的搜索功能,及真实的店铺网址。 在线演示 源码下载 4.jquery+css实现的ul+li模仿下拉框表单美化效果 jquery+css实现的ul+li模仿下拉框表单美化效果源码,是一款利用DIV+CSS及jquery实现的下拉框表单美化特效源码。 在线演示 源码下载 5.基于HTML5实现的支持控制播放调整音量的环形音乐播放器 今天我要分享一款外观更酷的HTML5音乐播放器,该播放器是环形的,背景图片非常漂亮,可以控制播放、调整音量等播放器常……

    网友NO.321319

    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 = { entry: './src/main.js', //入口文件 output: { path: path.resolve(__dirname, 'build'), // 指定打包之后的文件夹 // publicPath: '/assets/', // 指定资源文件引用的目录,也就是说用/assests/这个路径指代path,开启这个配置的话,index.html中应该要引用的路径全部改为'/assets/...' // filename: 'bundle.js' // 指定打包为一个文件 bundle.js filename: '[name].js' // 可以打包为多个文件 }, // 使用loader模块 module: { /* 在webpack2.0版本已经将 module.loaders 改为 module.rules 为了兼容性考虑以前的声明方法任然可用, 同时链式loader(用!连接)只适用于module.loader, 同时-loader不可省略 */ rules: [{……

    网友NO.648437

    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 某产品的销量统计 图1 用旭日图表示的销量 通过表1我们可以看到它是一个层级数据,第1级是季度,第2级是月份,第3级是周。图1是根据表1在Excel中绘制的旭日图。内层显示第1级季度,其外层的圆环显示第2级月份,最外层圆环显示第3级周。显示的每个占比是根据其对应的销售来计算。 二、简单示例 我们了解了旭日图之后,在有些场景中我们就想在自己的系统中使用旭日图。Wijmo中提供了JS控件可以让我们在Web纯前端使用旭日图。如果想在.Net平台下使用旭日图可以了解ComponentOne中的FlexChart。通过下面一个简单的示例,对如何使用旭……

    网友NO.310800

    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协议有基本了解的读者可以看一看下面的例子。 def application (environ, start_response): start_response('200 OK', [('Content-Type', 'text/html')]) return 'h1Hello World!/h1' 上面的这个函数就是WSGI规定的函数形式,接收两个参数environ, start_response,返回header和body。从这个例子我们可以看出,WSGI已经对开发者隐藏了HTTP协议的发送、接收过程,而开发者只需要管好自己的Web程序要做的事情,可谓大大便捷了开发人员的工作。 2 Web框架 WSGI是重要的Web开发库,使开发者不再被HTTP协议困扰,但仅仅有WSGI还不够,在实际开发中,我们希望有一套Web框架,能为开发者做更多的事情。开发者想要……

    Copyright 2018-2019 xz577.com 码农之家

    版权责任说明