首页 慕课教程 java工程师 java工程师 第13~14周 前端编程必备三剑客
知识点汇总表
分类 知识点 描述 视频链接
Web开发 什么是Web开发 Web开发就是开发一个网站 链接地址
HTML初识 什么是HTML HTML叫做超文本标记语言,是制作网页的基石 链接地址
HTML骨架标签 HTML骨架标签有html、head、title、body 链接地址
什么是字符集 设置页面使用的字符集 链接地址
HTML页面其他细节 解析方式、页面语言 链接地址
HTML注释 注释语法:<?-- 注释内容--> 链接地址
排版标签 标题标签 标题标签会独占一行,分别为:h1-h6 链接地址
水平线和换行标签

:水平线标签


:换行标签
链接地址
段落标签 p标签:用来将文章分段落展示的 链接地址
HTML实体  :全角空格
<:小于号
>:大于号
链接地址
div与span标签 div标签主要是用来对网页进行布局的
span标签通常用来将文本的一部分独立出来,从而对独立出来的内容设置单独的样式
链接地址
字符格式化标签 字符格式化标签 字符格式化:b、i、u、del 链接地址
图片标签 图片标签 img标签:用来在页面中引入图片 链接地址
链接标签 超链接 a标签:超链接标签 链接地址
锚链接 从页面的一个位置跳转到另一个位置 链接地址
表格标签 核心标签 表格核心标签:table、 tr、td 链接地址
表格常见属性 border:设置表格的边框
width/height:设置表格的宽高
cellspacing:设置单元格与单元格、单元格与边框的间隙
cellpadding:设置单元格中内容与单元格的间隙
align:设置表格在页面中的位置
bgcolor:设置表格的背景颜色
链接地址
表格合并 colspan:实现单元格的列合并
rowspan:实现单元格的行合并
链接地址
表格结构 表格由表格标题、表格、头部、表格主体、表格脚部组成 链接地址
列表 列表 列表分为有序列表、无序列表与自定义列表 链接地址
表单 表单标签 form标签:表单的外层
文本框:
密码框::
链接地址
input标签属性 name:为表单域(表单组件)起名,方便服务器接收到表单填写的数据
value:表单域的值
placeholder:H5新增属性,用来设置框中的默认显示值
maxlength:文本框/密码框中最多能输入的字符数
readonly:只读(不能修改)
disabled:禁用(数据不会提交到action 指定的地址)
链接地址
单选框与复选框 单选框:
复选框:
链接地址
文件域 文件域能够让表单具有文件上传能力 链接地址
按钮 分别为:普通按钮、重置按钮、提交按钮 链接地址
隐藏域 隐藏域不显示在页面上,在表单提交时会被提交到action指定位置的域 链接地址
下拉框 下拉菜单由select和option两个标签嵌套组合而成 链接地址
文本域 文本域也叫做多行文本框,可以在该文本框中写入大量的文字信息 链接地址
CSS初识 CSS的作用 CSS用于美化网页,设置HTMl样式,并对HTML进行布局 链接地址
什么是CSS CSS一般称为CSS样式表或层叠样式表、级联样式表 链接地址
CSS书写位置 CSS一共有三种书写位置:行内式、内嵌式、外链式 链接地址
CSS注释 注释语法:/*产注释内容*/ 链接地址
基本选择器 基本选择器 基本选择器:标签选择器、id选择器、类选择器 链接地址
多类名 一个class属性可以同时设置多个值即多类名 链接地址
样式特性 层叠性:多个选择器设置的样式可以叠加在同一个标签上
继承性:子标签会继承父标签的某些样式
链接地址
文字样式 font-size font-size:字体大小 链接地址
font-family font-family:字形设置 链接地址
font-weight font-weight:字体粗细 链接地址
font-style font-style:字体样式 链接地址
文本样式 color color:文本颜色 链接地址
text-align text-align:水平对齐方式 链接地址
text-decoration text-decoration:文本划线修饰 链接地址
text-indent text-indent:缩进 链接地址
复合选择器 什么是复合选择器 复合选择器就是使用多个基本选择器联合找到页面中的标签。 链接地址
子选择器 子元素选择器只能选择作为某元素子元素的元素 链接地址
后代选择器 后代选择器又称为包含选择器,可以选择作为某元素后代的元素 链接地址
交集选择器 使用同一个标签中的两个选择器,同时选中一个标签 链接地址
并集选择器 并集选择器用来同时选中多个标签,并为这多个标签设置样式 链接地址
链接伪类 a标签有四种状态,四种状态可以分别设置样式 链接地址
选择器权重 选择器的权重决定标签采用的样式 链接地址
块级元素与行内元素 什么是块级元素与行内元素 HTML标签主要分为块标签和行内标签两种类型,也称为块元素和行内元素 链接地址
块元素 块元素宽度默认是容器(父级宽度)的100% 链接地址
行内元素 行内元素不能设置宽高,并行内元素只能容纳文本或则其他行内元素,不能填充块元素 链接地址
行内块元素 能设置宽高、也能在一行中显示多个 链接地址
三种元素的转换 块元素、行内元素、行内块元素互相转换 链接地址
字体图标 字体图标 字体图标体积小,传输和加载时较快 链接地址
背景样式 背景样式 背景样式,为标签元素添加背景色或背景图 链接地址
盒子模型 什么是盒子模型 常用的html标签都可以看做是一个盒子,称为盒子模型。盒子由四部分组成∶content、padding、border、margin 链接地址
边框 语法:border : border-width || border-style || border-color 链接地址
内边距 内边距( padding ) :设置内容与边框之间的距离 链接地址
外边距 外边距( margin ) :设置边框之外的距离 链接地址
列表样式 什么是列表样式 列表样式就是针对ul-li / ol-li设置的样式 链接地址
页面布局 普通流 普通流又叫标准流,是浏览器默认使用的方式 链接地址
浮动 浮动就是让一行容纳多个盒子 链接地址
清除浮动 清除其他元素因浮动导致的影响 链接地址
清除浮动的具体方法 额外标签法、父级添加overflow法、after伪元素、双伪元素法 链接地址
什么是定位 将盒子定在页面的某一个位置(漂浮) 链接地址
相对定位 相对定位(relative)是元素相对于自己在标准流中原来的位置 链接地址
绝对定位 绝对定位(absolute)是以带有定位(相对、绝对、固定)的父级元素来计算定位位置 链接地址
固定定位 固定定位就是将盒子定位到页面的固定位置 链接地址
JS初识 什么是JS JavaScript简称JS,是一门面向对象的编程语言 链接地址
ECMAScript ECMAScript是由ECMA国际(原欧洲计算机制造商协会)进行标准化的—门编程语言,它规定了JS的语法核心。 链接地址
JS书写位置 JS一共有三种书写位置:行内式、内嵌式、外链式 链接地址
JS注释 注释分为单行(注释语法://)与多行注释(注释语法:/*产注释内容*/) 链接地址
JS基本语法 变量声明 JS是一种弱类型语言,声明变量时不需要指定数据类型。可通过Var关键字进行声明 链接地址
数据类型 JS把数据类型分为两类:
简单数据类型:Number, String, Boolean, Undefined,Null
复杂数据类型(Object):数组、对象、函数
链接地址
JS运算符 运算符 运算符分别:算数运算符、自增自减运算符、比较运算符、逻辑运算符、赋值运算符 链接地址
流程控制 分支结构 代码在由上到下执行的过程中,根据不同的条件,执行不同的路径代码得到不同的结果。 链接地址
循环结构 循环必须有一个结束点,否则就变为死循环 链接地址
数组 数组 数组∶在一个变量中保存多个数据 链接地址
函数 函数 函数︰就是封装了一段可被重复调用执行的代码块 链接地址
变量的作用域 变量作用域分为全局作用域与局部作用域 链接地址
函数其他声明方式 字面量方式、匿名函数、自调用函数 链接地址
对象 什么是对象 对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如:字符串、数值、数组、函数等 链接地址
构造函数创建对象 通过构造函数创建对象 链接地址
Objcet创建对象 Object是一个特殊的构造函数,可以直接使用new进行实例化,实例化完成后再向对象内添加属性和方法 链接地址
遍历对象 通过for..in语句对数组或者对象的属性进行循环操作 链接地址
什么是内置对象 内置对象就是JS本身提供的对象 链接地址
Math对象 Math 对象拥有一些数学常数属性和数学函数方法 链接地址
Date对象 Date 对象用来处理日期和时间 链接地址
时间戳 JavaScript中的时间戳是毫秒数(比秒多了三位) 链接地址
数组对象 为数组对象提供的方法,操作数组 链接地址
字符串对象 为字符串对象提供的方法,操作数据库 链接地址
索引目录