HTML & CSS知识回顾

HTML:
		 <img /> alt属性：加载替换字符。 usemap属性 <map> <area> <map/> 实现图里有图。
		 <table> 表格 行列可互套
			<th></th>表头
		 	<tr></tr> 行
		 	<td></td> 列
		 </table>
	列表: 有序ol
		  无序ul
		  列表项 li
		  <dl> 定义一个描述列表。
		  <dl> 与 <dt>和<dd>一起使用。
		  dt定义项目/名字
		  dd描述每一个项目/名字
	区块:
		<div> 块级元素，无特定含义，可作组合其他 HTML 元素的容器、文档布局，浏览器在其后显示折行
		与 CSS 一同使用 可用于对大的内容块设置样式属性。
		<span> 内联元素，可用作文本的容器，无特定含义
		与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。
	表单:
		<form> </form>
		- 输入
			<input>由类型属性type定义输入元素
				type:
					text  文本域	  Text Fields
					password 密码
					radio 单选按钮  Radio Buttons 
					checkbox 复选框 Checkboxes
					submit 提交按钮 Submit Button
					reset 重置按钮 可将所在填写内容重设为默认值
			<lable>为 input 元素定义标注(标记)	配<input> 可显示文配按钮
			<select> 下拉列表配<optgroup>选项组标签 <option>选择标签  一起使用
			<textarea rows="10" cols="30"></textarea> 多行输入文本域
	<iframe> 
		<iframe src="URL"></iframe> URL 指向不同的网页。
		height、width定义iframe标签的高宽。属性默认以像素为单位,可以指定按比例显示 (如："80%")
		frameborder 属性 设为0 则iframe 边框消失
		iframe可以显示一个目标链接的页面
		<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
		<p><a href="http://www.baidu.com" target="iframe_a">百度</a></p>
	<script>	客户端脚本
	<noscript>	不支持脚本浏览器的输出文本
	字符实体：
	HTML大小写不敏感  但实体字符对大小写敏感  (https://www.runoob.com/html/html-entities.html)
		&lt 小于号 
		&gt 大于号
		&nbsp 不间断空格   
		&amp  和&
		
	scheme - 定义因特网服务的类型。最常见的类型是 http
	host - 定义域主机(http 的默认主机是 www)
	domain - 定义因特网域名，比如 runoob.com
	:port - 定义主机上的端口号(http 的默认端口号是 80)
	path - 定义服务器上的路径(如果省略，则文档必须位于网站的根目录中)。
	filename - 定义文档/资源的名称
		
CSS:
	插入样式表
	外部样式表(External style sheet)
		<link rel="stylesheet" type="text/css" href="mystyle.css">
	内部样式表(Internal style sheet)
		<style>
		hr {color:sienna;}
		p {margin-left:20px;}
		body {background-image:url("images/back40.gif");}
		</style>
	内联样式(Inline style)	
		直接将<style >标签定义在标签体内
	多重样式
		优先级:(内联样式)Inline style > (内部样式)Internal style sheet >(外部样式)External style sheet > 浏览器默认样式
		**如果外部样式放在内部样式的后面，则外部样式将覆盖内部样式。
	
	选择器：
		id选择器 	# id
		class选择器  . classname
		
		通用选择器（*）
		元素(类型)选择器
		类选择器
		属性选择器
		伪类
		ID 选择器
		内联样式
	背景：
		background-color 背景色(body等标签 中 为页面或块或元素 添加背景)
		background-image 背景图片(选择图片作为背景  默认情况平铺重复显示)
		background-repeat 设置背景图像是否及如何重复
		background-attachment 背景图像是否固定或者随着页面的其余部分滚动
		background-position  设置背景图像的起始位置
	文本格式：
		color	设置文本颜色
		direction	设置文本方向。
		letter-spacing	设置字符间距
		line-height	设置行高
		text-align	对齐元素中的文本
		text-decoration	向文本添加修饰
		text-indent	缩进元素中文本的首行
		text-shadow	设置文本阴影
		text-transform	控制元素中的字母
		unicode-bidi	设置或返回文本是否被重写 
		vertical-align	设置元素的垂直对齐
		white-space	设置元素中空白的处理方式
		word-spacing	设置字间距
	字体：
		font	在一个声明中设置所有的字体属性
		fonts类别 字体:
		font-family 属性设置文本的字体系列。 应设置备用字体 以逗号分隔指明,以防浏览器不支持，字体名称大于一个字，必须使用引号。
		font字体样式
		font-style:normal普通，正常
		font-style:italic 斜体
		font-style:oblique 倾斜的文本， 类似于斜体
		font大小：
		font-size 
			常以像素px 表示，也可用em或百分比 及其组合
			em表示 1em的默认大小是16px。可以通过下面这个公式将像素转换为em：px/16=em
		font-variant	以  小型  大写  字体或者正常字体显示文本。
		font-weight	指定字体的粗细。
			normal	默认值。标准的字符。
			bold	粗体字符。
			bolder	更粗的字符。
			lighter	更细的字符。
			inherit	规定应该从父元素继承字体的粗细。
			100~900 由粗到细的字符。400 等同于 normal，而 700 等同于 bold。
			
	链接：
		链接的样式，可以用任何CSS属性（如颜色，字体，背景等）。
		不同(特别)的链接样式取决于其状态
		a:link - 正常，未访问过的链接
		a:visited - 用户已访问过的链接
		a:hover - 当用户鼠标放在链接上时
		a:active - 链接被点击的那一刻
		text-decoration:underline/none
		background-color 链接背景色
	列表:
		list-style	简写属性。用于把所有用于列表的属性设置于一个声明中
		list-style-type	设置列表项标记类型。(https://www.runoob.com/cssref/pr-list-style-type.html)
			circle 圆
			square 方
			upper-roman 大写罗马字符
			lower-alpha 小写字母
		list-style-position	设置在何处放置列表项标记。
			inside	列表标记放在文本内，环绕文本根据标记对齐。
			outside	默认值。列表标记置于文本左侧且放置在文本以外，环绕文本不根据标记对齐。
			inherit	规定应该从父元素继承 list-style-position 属性的值。
		list-style-image	使用图像来替换列表项的标记。
		initial	将这个属性设置为默认值。
		inherit	规定应该从父元素继承 list-style 属性的值。	
	表格：
		border
		border-collapse
		width
		height
		color
		text-align
	盒子模型;
		Margin(外边距) - 清除边框外的区域，外边距是透明的。
		Border(边框) - 围绕在内边距和内容外的边框。
		Padding(内边距) - 清除内容周围的区域，内边距是透明的。
		Content(内容) - 盒子的内容，显示文本和图像。
	边框
	border-style 值: