Web前端学习笔记:HTML5+CSS3+JavaScript作者:姜浩出版时间:2018内容简介 《Web前端学习笔记:HTML5 CSS3 JavaScript》以杰瑞教育前端课程大纲为基准,由浅及深地讲解了Web前端开发所需的知识。全书共3篇,涵盖了HTML5、CSS3以及JavaScript等多项技术,并提供学习视频,循序渐进地讲解每个知识点,同时每章均配有课堂案例与练习,让读者能够在学习的过程中进行实践操作,提高动手能力。本书可以帮助初学者顺利步入Web前端开发领域,也可作为开发人员的参考手册以及大中专院校与培训机构的教材。目录目 录前言第1篇 HTML5第1章 HTML5学习概述1.1 认识HTML51.1.1 HTML的发展历程1.1.2 HTML5与HTML4的区别1.2 学习HTML5前的准备工作1.2.1 常用浏览器介绍1.2.2 常见的HTML5开发软件介绍1.2.3 创建个HTML5页面1.3 HTML5的语法与结构1.3.1 HTML5的语法1.3.2 HTML5的文档结构1.4 章节案例:开始我的个网页第2章 HTML5常见的块级标签和行级标签2.1 常见的块级标签2.1.1 :标题标签2.1.2 :水平线标签2.1.3 :段落标签2.1.4 :换行标签2.1.5 :引用标签2.1.6 :预格式标签2.1.7 :无序列表标签2.1.8 :有序列表标签2.1.9 :定义列表标签2.1.10 :分区标签2.2 常见的行级标签2.2.1 :图片标签2.2.2 :超链接标签2.2.3 其他常用的行级标签2.3 HTML5新增标签简介2.4 章节案例:促销信息网页实现第3章 HTML5表格3.1 HTML5表格简介3.1.1 表格的基本结构3.1.2 表格的定义3.2 表格的基本属性3.2.1 border: 表格边框属性3.2.2 width/height: 表格(宽度/高度)属性3.2.3 bgcolor: 表格背景色属性3.2.4 background: 表格背景图属性3.2.5 bordercolor: 表格边框颜色属性3.2.6 cellspacing: 表格单元格间距属性3.2.7 cellpadding: 表格单元格内边距属性3.2.8 align:表格对齐属性3.3 行和列的属性3.3.1 width/height:单元格宽度/高度属性3.3.2 bgcolor:单元格背景色属性3.3.3 align:单元格内容水平对齐属性3.3.4 valign:单元格内容垂直对齐属性3.3.5 colspan /rowspan:表格的跨行与跨列3.4 表格的结构化与直列化3.4.1 表格的结构化3.4.2 表格的直列化3.5 章节案例:完成 “特别休假申请单第4章 HTML5表单4.1 表单简介4.1.1 表单的结构4.1.2 表单的常用属性4.2 input输入框4.2.1 input常用属性4.2.2 text:文本输入框4.2.3 password:密码输入框4.2.4 radio:单选按钮4.2.5 checkbox:复选按钮4.2.6 file:文件上传按钮4.2.7 submit:表单提交按钮4.2.8 reset:重置按钮4.2.9 image:图形提交按钮4.2.10 button:可单击按钮4.3 其他表单元素4.3.1 select下拉选择控件4.3.2 textarea文本域4.3.3 button按钮4.4 HTML5智能表单4.4.1 表单分组4.4.2 表单新增元素及属性4.5 章节案例:用户注册页面实现第2篇 CSS3第5章 CSS基础知识5.1 CSS概述5.1.1 CSS简介5.1.2 CSS语法结构5.1.3 CSS注释5.1.4 行内样式表5.1.5 内部样式表5.1.6 外部样式表5.2 CSS选择器5.2.1 通用选择器5.2.2 标签选择器5.2.3 类选择器5.2.4 id选择器5.2.5 后代选择器与子代选择器5.2.6 交集选择器与并集选择器5.2.7 伪类选择器5.2.8 选择器的命名规则及优先级5.3 章节案例:CSS选择器练习第6章 CSS常用属性6.1 CSS常用文本属性6.1.1 字体、字号与颜色属性6.1.2 文本属性6.2 CSS常用背景属性6.2.1 背景颜色属性6.2.2 背景图像属性6.3 CSS其他常用属性6.3.1 列表常用属性6.3.2 超链接样式属性6.4 章节案例:实现素材图片效果第7章 CSS3新增属性与选择器7.1 CSS3的过渡与变换7.1.1 transition:过渡属性7.1.2 transform:变换属性7.2 CSS3动画7.2.1 [email protected]7.2.2 CSS3 animation动画属性7.3 CSS3其他常用属性7.3.1 CSS3渐变效果7.3.2 CSS3多列属性7.4 CSS3新增选择器7.4.1 属性选择器7.4.2 结构伪类选择器7.4.3 状态伪类选择器7.4.4 其他选择器7.5 章节案例:飞机滑翔动画实现第8章 CSS盒模型与浮动定位8.1 盒模型8.1.1 盒模型概述8.1.2 margin:外边距8.1.3 border:边框8.1.4 padding:内边距8.2 盒模型相关属性8.2.1 overflow:内容溢出控制8.2.2 outline:外围线8.2.3 box-shadow:盒子阴影8.2.4 border-radius:边框圆角8.2.5 border-image:图片边框8.3 浮动与清除浮动8.3.1 float:浮动8.3.2 clear:清除浮动8.3.3 子盒子浮动造成父盒子高度塌陷8.4 定位8.4.1 relative:相对定位8.4.2 absolute:定位8.4.3 fixed:固定定位8.4.4 使用定位实现元素的居中8.4.5 z-index8.5 章节案例:网页布局练习第9章 移动开发与响应式9.1 移动开发基础知识9.1.1 媒体设备常用属性9.1.2 像素的基础知识9.1.3 viewport:视口9.2 移动开发常用设置9.2.1 移动开发中常用的头部标签9.2.2 移动开发中常用的CSS设置9.3 网页布局方式介绍9.3.1 网页的布局方式9.3.2 响应式布局介绍9.4 媒体查询实现响应式9.4.1 媒体查询的基本语法9.4.2 使用媒体查询的三种方式9.5 章节案例:媒体查询实例练习第10章 CSS3弹性布局10.1 弹性布局简介10.1.1 弹性布局的基本概念10.1.2 使用弹性布局需要注意的问题10.1.3 弹性布局代码示例10.2 作用于容器的属性10.2.1 flex-direction:主轴方向10.2.2 flex-wrap:控制换行10.2.3 flex-flow:缩写形式10.2.4 justify-content:主轴对齐10.2.5 align-items:交叉轴单行对齐10.2.6 align-content:交叉轴多行对齐10.3 作用于项目的属性10.3.1 order:项目排序10.3.2 flex-grow:项目放大比10.3.3 flex-shrink:项目缩小比10.3.4 flex-basis:伸缩基准值10.3.5 flex:缩写形式10.3.6 align-self:自身对齐第3篇 JavaScript第11章 JavaScript基础11.1 JavaScript简介11.1.1 JavaScript概念11.1.2 页面中使用JavaScript的三种方式11.2 JavaScript的变量11.2.1 变量的声明11.2.2 声明变量的注意事项与命名规范11.2.3 变量的数据类型11.3 JavaScript中的变量函数11.3.1 Number:将变量转为数值类型11.3.2 isNaN:检测变量是否为NaN11.3.3 parseInt:将字符串转为整型11.3.4 parseFloat:将字符串转为浮点型11.3.5 typeof:变量类型检测11.4 JavaScript中的输入输出11.4.1 document.write:文档中打印输出11.4.2 alert:浏览器弹窗输出11.4.3 prompt:浏览器弹窗输入11.4.4 confirm:浏览器弹窗确认11.4.5 console.log:浏览器控制台输出11.4.6 JavaScript中的注释11.5 JavaScript的运算符11.5.1 算术运算11.5.2 赋值运算符11.5.3 关系运算与逻辑运算11.5.4 条件运算(多目运算)11.5.5 逗号运算符11.5.6 运算符的优先级11.6 章节案例:判断一个数是否为水仙花数第12章 JavaScript流程控制语句12.1 分支结构12.1.1 简单if结构12.1.2 if-else结构12.1.3 多重if结构12.1.4 嵌套if结构12.1.5 switch-case结构12.2 循环结构12.2.1 循环的基本思路12.2.2 while循环结构12.2.3 do-while循环结构12.2.4 for循环结构12.2.5 循环嵌套12.3 流程控制语句12.3.1 break语句12.3.2 continue语句12.3.3 return语句12.4 章节案例:打印输出一个菱形第13章 JavaScript函数13.1 函数的声明与调用13.1.1 函数的声明13.1.2 函数的调用13.1.3 函数的作用域13.1.4 函数声明和调用的注意事项13.2 匿名函数的声明与调用13.2.1 事件调用匿名函数13.2.2 匿名函数表达式13.2.3 自执行函数13.3 函数中的内置对象13.3.1 arguments对象13.3.2 this关键字13.4 JavaScript中代码的执行顺序13.5 章节案例:编写函数统计任意区间内的质数第14章 BOM与DOM14.1 window对象14.1.1 window对象的属性14.1.2 window对象的常用方法14.2 浏览器对象模型的其他对象14.2.1 screen:屏幕对象14.2.2 location:地址栏对象14.2.3 history:历史记录对象14.2.4 navigator:浏览器配置对象14.3 Core DOM14.3.1 DOM树结构分析14.3.2 操作元素节点14.3.3 操作文本节点14.3.4 操作属性节点14.3.5 JavaScript修改元素样式14.3.6 获取层次节点14.3.7 创建新节点14.3.8 删除/替换节点14.4 HTML DOM14.4.1 HTML DOM操作表格对象14.4.2 HTML DOM操作行对象14.4.3 HTML DOM操作单元格对象14.5 章节案例:实现评论提交展示功能第15章 JavaScript事件15.1 JavaScript的事件15.1.1 鼠标事件15.1.2 键盘事件15.1.3 HTML事件15.1.4 event事件因子15.2 JavaScript的事件模型15.2.1 DOM0事件模型15.2.2 DOM2事件模型15.3 JavaScript的事件流模型15.3.1 事件冒泡15.3.2 事件捕获15.3.3 事件委派15.3.4 阻止事件冒泡15.3.5 阻止默认事件15.4 章节案例:对表格进行修改删除操作第16章 数组和对象16.1 JavaScript的数组16.1.1 数组的概念16.1.2 数组的声明16.1.3 数组的访问16.1.4 数组常用方法16.1.5 二维数组和稀疏数组16.2 JavaScript的内置对象16.2.1 Boolean:逻辑对象16.2.2 Number:数字对象16.2.3 String:字符串对象16.2.4 Date:日期对象16.2.5 Math:算术对象16.3 JavaScript自定义对象16.3.1 对象的概念16.3.2 对象的声明16.3.3 对象的属性与方法16.4 章节案例:编写对象实现班级成绩录入第17章 JavaScript中的正则表达式17.1 正则表达式基础17.1.1 正则表达式概述17.1.2 正则表达式的声明17.2 正则表达式的常用字符17.2.1 正则表达式中的元字符17.2.2 正则表达式中的特殊字符17.3 正则表达式的常用模式17.3.1 g:全局匹配17.3.2 i:忽略大小写匹配17.3.3 m:多行匹配17.4 正则表达式的常用方法17.4.1 test() 方法17.4.2 exec() 方法17.5 章节案例:使用正则表达式验证用户注册表单第18章 JavaScript面向对象编程18.1 面向对象编程基础18.1.1 面向对象概述18.1.2 类与对象18.1.3 类和对象的关系18.1.4 JavaScript创建类与对象的步骤18.1.5 constructor与instanceof18.1.6 for-in:对象的遍历18.2 成员属性、静态属性与私有属性18.2.1 成员属性与成员方法18.2.2 静态属性与静态方法18.2.3 私有属性与私有方法18.3 this关键字18.3.1 this的指向概述18.3.2 this指向的规律18.3.3 this指向练习18.4 原型与原型链18.4.1 __proto__与prototype18.4.2 原型链18.4.3 原型属性与原型方法18.5 封装18.5.1 封装的基本概念18.5.2 JavaScript模拟实现封装18.6 继承18.6.1 继承的基本概念18.6.2 扩展Object的prototype实现继承18.6.3 使用原型继承18.6.4 使用call和apply实现继承18.7 JavaScript中的闭包18.7.1 闭包的基本概念18.7.2 闭包的作用18.7.3 闭包应用实例18.8 章节案例:定义一个URL信息操作类 上一篇: SAP 基金管理模块全面解析 下一篇: 大数据丛书 深度学习:方法及应用