8月23日记录

世界五大主流浏览器

1谷歌 Chrome

内核：webkit--blink

2苹果 Safari

内核：webkit

3欧朋 opera

内核：presto--blink

4火狐 firefox

内核：gecko

mozilla

5 ie

内核：trident

微软

大部分国产的浏览器（qq浏览器，uc浏览器，猎豹浏览器，360浏览器）基本上是在IE浏览器的内核上进行的二次开发，现在国内市场上有许多双内核的浏览器，使用的是trident,webkit内核

页面的三大组成部分
	1.html 结构层 刚出生的小鸟
	2.css 样式层 长出五颜六色的羽毛
	3.js 行为层 会飞了
	结构层html和表现层css，是 W3C 制定的规范，万维网联名。
	行为层js，是 ECMA 制定的规范，欧洲计算机协会。
	html:Hyper text mark-up Language
	HyperText Mark-up Language
	超文本标记语言
	超文本：不仅可以放文本还可以放标签
	通过HTML标记（标签）对网页中的文本、图片、多媒体等内容进行描述。
	- “超文本”：不仅能承载简单的文字、还能包含超链接、图片、音频、视频等。
	- “标记语言”：标记语言是由一套标记标签组成的。

1.块级标签
	div p h1-h6 hr ul li ol dl dt dd
	可以设置宽高
	2.行级标签(行内标签)
	a span b strong em i sub sup del
	3.行内块标签
	img input

1.div
	双标签
	构建网页的基本标签
	无语义标签
	可以把div标签理解成一个盒子
	可以划分网页结构
	<div></div>
	特点：
	1.宽度默认撑满父元素(宽度和父元素的宽度一样)
	2.高度由内容撑开
	3.垂直布局，独立成行（一个div标签占一行）
	div标签可以嵌套任何标签

<!-- 并列 -->
	<div></div>
	<div></div>
	<!-- 嵌套 -->
	<div>
	<div></div>
	</div>

p
	双标签
	段落标签
	主要放成段的文字
	<p></p>
	特点：
	1.宽度默认撑满父元素(宽度和父元素的宽度一样)
	2.高度由内容撑开
	3.垂直布局，独立成行（一个div标签占一行）
	4.自带上下外间距
	注意：p标签不能嵌套块级标签p div 。。。
	应用场景：文章中的段落、页面中的文字块

hr标签：水平分割线 块级标记  
 特性：  
  默认自带间距、自带边框  
 独立成行，垂直布局  
 作用：在页面中显示一条水平线