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-local
html中的列表标签
<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。