20160707学习体会
CSS样式
(权重 内联-> ID选择器 -> 属性选择器 ->类选择器)
(行内样式 -> 内联样式 ->外部样式)
alt属性用来指定替换文字，只能用在img area input元素中，用于网页中图片无法正常显示时
给用户提供文字说明使其了解图像信息。
title作为属性时，用来为元素提供额外说明信息。
document.getElementById("input").style.backgroundColor
= "red"
inputElement.style.backgroundColor = "#FF0000"
HTML文档加载时从上到下加载，只与标签的上下顺序有关，与标签的选用无关
<HR>表示一条横线
<BR>可插入一个简单的换行符
<TR>产生一个表行
moz代表firefox浏览器私有属性
ms代表IE浏览器私有属性
webkit代表chrome safari私有属性
IE使用的是Trident内核 Firefox使用的是Gecko内核
目前使用IE内核的浏览器还有搜狗，遨游，360
text-transform:capitalize 首字母大写
text-transform:lowercase 全部字母小写
text-transform:uppercase 全部字母大写
font-weight:bold 字体为粗体
1) <meta name="viewport"
content="width=device-width; initial-scale=1.0;
maximum-scale=1.0; user-scalable=0;" />
//强制让文档的宽度与设备的宽度保持1:1，
//文档初始化缩放比例是1:1，
//不允许用户点击屏幕放大浏览，
//允许用户缩放到的最大比例，
//尤其要注意的是content里多个属性的设置一定要用逗号+空格来隔开，
如果不规范将不会起作用。其他属性有：width;height; initial-scale; minimum-scale;
maximum-scale; user-scalable;
2) <meta name="apple-mobile-web-app-capable"
content="yes" />
//iPhone私有标签，它表示：允许全屏模式浏览
3) <meta
name="apple-mobile-web-app-status-bar-style"
content="black" />
//iPhone私有标签，它指定的iPhone中safari顶端的状态条的样式
4) <meta name="format-detection"
content="telephone=no; email=no" />
//不识别邮件和不把数字识别为电话号码
background-attachment
有三个值，scroll是默认值，背景图像会随着页面其余部分的滚动而移动。
fixed当页面的其余部分滚动时，背景图像不会移动。
inherit规定应该从父元素继承 background-attachment 属性的设置。
background-origin
属性规定 background-position 属性相对于什么位置来定位。
background-clip
属性规定背景的绘制区域。
标准盒子模型 ＝ margin + border + padding + content （content = width |
height）
IE盒子模型 ＝ margin + content （content = border + padding + width |
height）
单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间单；
元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离。
常见的浏览器存储技术：
cookie Flash
ShareObject
Google Gear
userData
session Storage
global Storage
localStorage(低版本浏览器不支持)
在html中，帧元素（frameset）的优先级最高，表单元素比非表单元素的优先级要高。
表单元素包括：文本输入框，密码输入框，单选框，复选框，文本输入域，列表框等等；
非表单元素包括：连接（a），div,table,span等。
所有的html元素又可以根据其显示分成两类：有窗口元素以及无窗口元素。有窗口元素总是显示在无窗口元素的前面。
有窗口元素包括：select元素，object元素，以及frames元素等等。
无窗口元素：大部分html元素都是无窗口元素。
Bootstrap 框架的网格系统工作原理如下：
1 、数据行 (.row) 必须包含在容器（ .container ）中，以便为其赋予合适的对齐方式和内距 (padding) 。
如： <div class=" container ">
<div class=" row "></div>
</div>
2 、在行 (.row) 中可以添加列 (.column) ，但列数之和不能超过平分的总列数，比如 12 。
如： <div class="container">
<div class="row">
<div class="col-md- 4 "></div>
<div class="col-md- 8 "></div>
3 、具体内容应当放置在列容器（ column ）之内，而且只有列（ column ）才可以作为行容器 (.row) 的直接子元素
4 、通过设置内距（ padding ）从而创建列与列之间的间距。然后通过为第一列和最后一列设置负值的外距（ margin
）来抵消内距 (padding) 的影响
css中position属性的值：
static
元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。
relative
元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。
absolute
元素框从文档流完全删除，并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。
fixed
元素框的表现类似于将 position 设置为 absolute，不过其包含块是视窗本身。
ajax支持哪些类型的返回？
xml html script json jsonp text
