Day16-18知识点总结:
一.HTML
1.基本标签：
(1)Html: HyperText Markup Language 超文本标记语言，作用:制作网页
(2)结构标签 html head title body
(3)排版p br hr
(4)标题 h1-h6
(5)容器 div span
(6)列表 ul ol dl
(7)表格 table
(8)图片 img
(9)超链接 a
(10)格式化标签
2.表单标签 form:
(1)action 表单提交的服务器地址
(2)method 提交方式:get和post
(3)enctype 编码类型
3.表单元素:
(1)input
type:text password radio checkbox button submit reset image file hidden email
(2)select :下列列表
(3)textarea：文本域
4.框架标签 :
(1)frameset :用于划分页面
rows:行划分值
cols:列划分值
(2)frame:框架元素
(3)内联框架
iframe
5.其他标签 :
(1)meta:提供有关页面的元信息
(2)link:引入css文件地址
(3)script:引入js地址
总结:HTML是一个超文本标记语言,主要用于制作网页,基础网页中包含了head和body标签,head标签中书写的是标题,页面的格式等,body标签中书写的是网页展示出来的内容.
二.CSS
1.CSS 层叠样式表：
(1)控制网页样式的一门语言
2.CSS作用
(1)修饰美化html网页。
(2)外部样式表可以提高代码复用性从而提高工作效率。
(3)html内容与样式表现分离，便于后期维护。
3.CSS语法规则
选择器:{声明}
4.CSS使用方式
(1)内联样式:好处:可以单独设置某个元素样式，缺点：不利于样式重用
(2)内部样式:好处：可以控制页面中多个元素样式，缺点：只能一个页面使用
(3)外部样式:好处：多个页面可以同时使用。
1)link:链接式
2)@import:导入式
3)优缺点:
①.link所有浏览器都支持，@import某些版本低的IE不支持
②.@import是等待html加载完成才加载，link解析到这个语句，就加载
③.@import不支持js动态修改
(4)权限等级:内联>内部>外部
5.选择器
(1)基本选择器 ：标签 id class
(2)属性选择器：
格式为:html标签[属性='属性值']{css属性:css属性值;}或者html标签[属性]{css属性:css属性值;}，
(3)伪类选择器:对a标签的操作
静止状态 a:link{css属性}
悬浮状态 a:hover{css属性}
触发状态 a:active{css属性}
完成状态 a:visited{css属性}
(4)层级选择器:
1)后代选择器
①div p{...} 表示div中的p标签，所有的p,后代
②div span{....} 表示div中的span标签，包括所有的span，后代
2)子代选择器
①div>span{....} 表示 div中有一个span， span是子代
(5)其他选择器 * h1,h2,h3
6.CSS属性
(1)字体和文本属性:
(2)背景属性
(3)列表属性
(4)尺寸显示轮廓
(5)浮动属性:float
(6)定位属性:postion: static | relative| absolute| fixed
1)static:静态定位
2)relative:相对定位
3)absolute:绝对定位
4)fixed:固定定位
7.盒子模型
border :边框
padding：内边距
margin:外边距
8.CSS3扩展属性
圆角border-radius
盒子阴影:box-shadow
背景图片大小:background-size
背景图片:background-image
文本阴影：text-shadow
总结:css是层叠样式表,与html不同的是,html侧重是描绘页面的内容,css侧重是给单调的页面加一些样式,比如颜色,布局等.
三.JavaScript
1.概述
javascript是一门解释性脚本语言，动态添加，弱类型语言。
2.定义变量
var n=10;
var name="xxx";
3.javascript包括基本（原始）类型,引用（对象）类型
原始类型：number boolean string undefined null
引用类型：Object (Person)、Array、String、Number、Boolean、RegExp
4.运算符
(1)算术运算符
(2)赋值运算符
(3)逻辑运算符
(4)关系运算符
(5)字符串连接运算符
(6)三目运算符
5.选择&循环
if switch for while do...while
6.函数和事件
(1)自定义函数
function
(2)匿名函数
(3)系统函数
alert() :提示框
confirm() :确认框
prompt() :输入框
parseInt() :字符串转换整数
parseFloat() :字符串转成小数
isNaN() :判断是不是一个数字
(4)事件:
onchange :HTML 元素内容改变(离开光标触发)
onclick :用户点击 HTML 元素
onmouseover :光标移动到HTML元素
onmouseout :光标离开HTML元素
onkeydown :用户按下键盘按键
onload :浏览器已完成页面的加载
7.字符串
var str="hello,我爱java";//原始类型
var str2=new String("hello");//引用类型对象类型
var str3=String("hello");//原始类型
8.正则表达式
(1)RegExp 对象:
var patt=new RegExp(pattern,modifiers);
或者var patt=/pattern/modifiers;
(2)RegExp 对象方法:
1)test()方法：搜索字符串指定的值，根据结果并返回真或假
var patt1=new RegExp("^1[3589]\\d{9}$");
document.write(patt1.test("13688889999"));//true
2)exec() 方法: 检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配，则返回 null。
var reg=/java/ig; //查找字符串java,i表示无视大小写,该表示执行全局匹配(查找所有匹配而非在找到第一个匹配后停止).
var str="hello java,java是最好的编程语言，我爱Java";
var s=null;
while(s=reg.exec(str)){
document.write(s);
document.write("<br/>")
