【html-css】杂记

1.CSS 样式边距的单位

em的值并不是固定的， 会继承父级元素的字体大小。px为固定单位。 pt 绝对长度单位 ， pt的效果是不随浏览器分辨率的变化而发生视觉的变化。

---

2.html标签

<img>标签不用成对出现 <blockquote> 标签定义摘自另一个源的块引用。<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进，而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。<input>元素的type属性的取值1、text 一个单行文本框，默认属性值2、password 隐藏字符的密码框3、search 搜索框，在某些浏览器中输入内容会出现叉形标记4、submit、reset、button 依次是：提交按钮、重置按钮、普通按钮5、number、range 依次是：只能输入数值的框、只能输入在一个指定范围的数值框6、checkbox、radio 依次是：复选框，一组复选框(name属性值相同)用户可以勾选多个、单选按钮，一组单选按钮(name属性值相同)用户只可以选中一个7、image、color 依次是：图片按钮、颜色代码按钮8、email、tel、url 依次是：检测电子邮件、号码、网址的文本框9、hidden 生成一个隐藏控件10、file 生成一个上传控件11、获取各种日期、时间 data、month、time、week、datetime、datatime-localhtml中的列表标签  <ol> 标签定义有序列表。  <ul>是无序 <ol>  <li>Coffee</li>  <li>Tea</li>  <li>Milk</li></ol><dl><dt>列表标题</dt><dd>列表内容</dd><dd>列表内容</dd>...</dl><table> 标签定义 HTML 表格。简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。<table border="1"><caption></caption>  <tr>    <th>Month</th>    <th>Savings</th>  </tr>  <tr>    <td>January</td>    <td>$100</td>  </tr></table>caption设置表格标题包含在 <sup> 标签和其结束标签 </sup> 中的内容将会以当前文本流中字符高度的一半来显示，但是与当前文本流中文字的字体和字号都是一样的。<sup></sup>上标<sub></sub>下标

---

3.HTML的Doctype和严格模式与混杂模式

Doctype可声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。
当浏览器厂商开始创建与标准兼容的浏览器时，他们希望确保向后兼容性。为了实现这一点，他们创建了两种呈现模式：标准模式和混杂模式

在标准模式中，浏览器以其支持的最高标准呈现页面，；在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。

浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。

如果XHTML、HTML 4.01文档包含形式完整的DOCTYPE，那么它一般以标准模式呈现。包含过渡DTD和URI的DOCTYPE也导致页面以标准模式呈现，但是有过渡DTD而没有URI会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现

html5既然没有DTD，也就没有严格模式与宽松模式的区别，html5有相对宽松的语法，实现时，已经尽可能大的实现了向后兼容。

---

4.HTML5 是作为Flash的替代技术出现

---

5.RESTful 接口中，利用HTTP协议的method字段来描述要对资源操作的方式

GET表示获取资源，POST表示新增一个资源，PUT表示更新资源,DELETE 表示删除资源等等。

---

6.常见的浏览器端的存储技术

有时需要将网页中的一些数据保存在浏览器端，这样做的好处是，当下次访问页面时，不需要再次向服务器请求数据，直接就可以从本地读取数据。目前常用的有以下几种方法：

cookie
cookie会随着每次HTTP请求头信息一起发送，无形中增加了网络流量，另外，cookie能存储的数据容量有限，根据浏览器类型不同而不同，IE6大约只能存储2K。

Flash ShareObject
这种方式能能解决上面提到的cookie存储的两个弊端，而且能够跨浏览器，应该说是目前最好的本地存储方案。不过，需要在页面中插入一个Flash，当浏览器没有安装Flash控件时就不能用了。所幸的是，没有安装Flash的用户极少。
缺点：需要安装Flash插件。

Google Gear
Google开发出的一种本地存储技术。
缺点：需要安装Gear组件。

userData
IE浏览器可以使用userData来存储数据，容量可达到640K，这种方案是很可靠的，不需要安装额外的插件。缺点：它仅在IE下有效。

sessionStorage
使用于Firefox2+的火狐浏览器，用这种方式存储的数据仅窗口级别有效，同一个窗口（或者Tab）页面刷新或者跳转，都能获取到本地存储的数据，当新开窗口或者页面时，原来的数据就失效了。
缺点：IE不支持、不能实现数据的持久保存。

globalStorage
使用于Firefox2+的火狐浏览器，类似于IE的userData。
缺点：IE不支持。

localStorage
localStorage是Web Storage互联网存储规范中的一部分，现在在Firefox 3.5、Safari 4和IE8中得到支持。
缺点：低版本浏览器不支持。

---

7.CSS选择器
一、 CSS选择器分类

CSS选择器如下：

CSS的选择器其实大类的话可以分为三类，即id选择器、class选择器、标签选择器。

用法如下：

id选择器： #id名 { 属性名:属性值; }class选择器 ：.class名 { 属性名:属性值; }标签选择器： 标签名 { 属性名:属性值; }

其中，他们之间又可以以不同的方式进行组合，如下：

后代选择器: 父代名 后代名 { 属性名:属性值; }子代选择器:父代名>子代名 { 属性名:属性值; }群组选择器: #name1, .name2, #name div { 属性名:属性值; }伪类选择器: name:伪类通用(通配符)选择器:* { 属性名: 属性值; } ……

常用的也就这些。

完整CSS选择器参考手册
二、CSS选择器优先级

最高优先级是 (直接在标签中的设置样式，假设级别为1000)次优先级是（ID选择器 ,假设级别为100） #myDiv{color:Red;}其次优先级是（类选择器，假设级别为10）.divClass{color:Red;}最后优先级是 （标签选择器，假设级别是 1） div{color:Red;}那么后代选择器的优先级就可以计算了啊

比如

.divClass span { color:Red;} 优先级别就是：10+1=11

---

8.要运用css3动画，需要运用@keyframes规则和animation属性

---

9.于IE、FF下面CSS的解释区别

火狐浏览器中，非float的div前面有同一父级的float的div，此div若有背景图，要使用clear：both，才能显示背景图，而IE6.0中不用使用clear：both

在[text-decoration:underline]的属性下，IE6.0显示的下划线会比FireFox低一点。在FireFox中，部分笔画会在下划线的下面1个象素左右。

---

10.在bootstrap中导航条

应该将被包裹的元素放到navbar-collapse类中

表单应该放置于navbar-form内

可以使用navbar-left和navbar-right来对齐导航条

可以使用navbar-fixed-top和navbar-fixed-bottom来将导航条固定到顶部或底部

---

11、块级元素：block element

每个块级元素默认占一行高度，一行内添加一个块级元素后无法一般无法添加其他元素（float浮动后除外）。两个块级元素连续编辑时，会在页面自动换行显示。块级元素一般可嵌套块级元素或行内元素；

块级元素一般作为容器出现，用来组织结构，但并不全是如此。有些块级元素，如只能包含块级元素。其他的块级元素则可以包含 行级元素如

.也有一些则既可以包含块级，也可以包含行级元素。

DIV 是最常用的块级元素，元素样式的display:block都是块级元素。它们总是以一个块的形式表现出来，并且跟同级的兄弟块依次竖直排列，左右撑满。

---

12、行内元素：inline element

也叫内联元素、内嵌元素等；行内元素一般都是基于语义级(semantic)的基本元素，只能容纳文本或其他内联元素，常见内联元素 “a”。比如 SPAN 元素，IFRAME元素和元素样式的display : inline的都是行内元素。例如文字这类元素，各个字母 之间横向排列，到最右端自动折行。

---

13.CSS中可以和不可以继承的属性

---

14. 在html中通过<a>标签打开一个链接，通过<a> 标签的 target 属性规定在何处打开链接文档。

如果在标签<a>中写入target属性，则浏览器会根据target的属性值去打开与其命名或名称相符的框架<frame>或者窗口.在target中还存在四个保留的属性值如下，_blank  在新窗口中打开被链接文档。_self   默认。在相同的框架中打开被链接文档。_parent     在父框架集中打开被链接文档。_top    在整个窗口中打开被链接文档。framename   在指定的框架中打开被链接文档。 

---

15.Web安全色所能够显示的颜色种类为216

---

16.domContentLoaded事件早于onload事件

onload事件触发时，页面上所有的DOM，样式表，脚本，图片，flash都已经加载完成了，domContentLoaded事件触发时，仅当DOM加载完成，不包括样式表，图片，flash。

---