文章列表
盒子模型之元素宽高属性
1.1概述
每个元素都有一个继承的height和width属性。根据元素的不同目的，可以修改元素的height和width值以覆盖其默认值。
一个元素默认的height属性由其内容决定。在垂直方向上所有元素都会尽 ...
CSS 伪类与伪元素
CSS的元素选择器除了根据id（#）、class（.）、属性（[ ]）选取元素以外，还有很重要的一类，就是根据元素的特殊状态来选取元素。它们就是伪类和伪元素。跟id选择器、类选择器、属性选择器以及派生选择器等这些从HTML文档层次结构（DOM树）中获取元素不同的是，伪类和伪元素是预定义的、独立于文档元素的。它们获取元素的途径也不是基于id、class、属性这些基础的元素特征，而是在处于特殊状态的元素（伪类），或者是元素中特别的内容（伪元素）。当然，伪类和伪元素的表示形式也使用“:”（英文冒号）与其它选择器相区分。
1.1伪类
伪类选择元素基于的是当前元素处 ...
HTML布局之CSS绝对定位
1.1 CSS绝对定位——position
1.1.1语法
position:static;
无特殊定位，对象遵循HTML定位规则。
position:absolute;
将对象从文档流中拖出（即脱离他的父级元素），使用left，right，top，bottom等属性进行绝对定位(相对于整个页面来换算的)。而其层叠通过css z-index属性定义。此时对象不具有边距，但仍有补白和边框
position:relative;
对象不可层叠，依据left，right，top，bottom等属性在正常文档流中偏移位置。
position:fixed;
相对于窗口的固定定位 ...
HTML5本地存储
1.1概述
HTML5 存储是基于键值对的。数据存储在一个键里，访问数据时可以根据同样的键获得上次存储的数据。键是一个字符串。而数据则可以是任何类型的JS基本数据类型，包括字符串，Boolean，整数，和浮点数。需要注意的是，这些数据在存储时实际上是以字符串保存的。 因此在访问数据时需要做数据类型的转换。
在HTML5中，本地存储是一个window的属性，包括localStorage和sessionStorage。二者的区别：前者是一直存在本地的，后者只是伴随着session，窗口一旦关闭就没了；二者用法完全相同。
1.2 localStorage方法
1.2.1检测浏览器是 ...
HTML布局之块级元素和行内元素
1.1布局之CSS display属性
display属性规定元素应该生成的框的类型。
语法
1、常用
display:inline;
将元素设置为内联对象。对其设置属性height和width是没有用的，致使它变宽变大的原因是内部元素的‘宽高+padding‘。display:inline，能够修复著名的IE双倍浮动边界问题。
display:block;
将元素设置为块对象。可以对其设置宽高，但是它的实际宽高是‘本身宽高+padding‘。
display:inline-block;
将元素设置为兼顾了两者的对象，既像行内元素一样流动布局，又像block元素 ...
HTML布局之基于文档流的解析
1.1文档流
将窗体自上而下分成一行行， 并在每行中按从左至右的顺序排放元素，即为文档流。
1.2 HTML布局基于文档流的解析
每个非浮动块级元素都独占一行。
内联元素不会独占一行。 几乎所有元素(包括块级，内联和列表元素）均可生成子行， 用于摆放子元素。
浮动元素不占任何正常文档流空间，而浮动元素的定位还是基于正常的文档流，然后从文档流中抽出并尽可能远的移动至左侧或者右侧。文字内容会围绕在浮动元素周围。若当前行容不下， 则另起新行再浮动。
1.3 定位模式基于文档流的解析
有三种情况可以使得元素脱离文档流而存在，分别是浮动，绝对定位， 固定定位。 但是在IE中 ...
html <a>锚文本超链接标签
1.1超链接概述
超链接指从一个网页指向一个目标的连接关系。这个目标可以是另一个网页,也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序 ...
JS in的用法
1.1简介
JavaScript中的in 操作符是对Object（对象）操作的，并不是针对数组。
1.2用法
1.2.1简单用法
in的右边必须是对象变量。
例：
var mycar = {make: "Honda", model: "Accord", year: 1998};
if("make" in mycar){
console.log('true');
}else{
console.log('false');
}
运行结果：true
1.2.2错误的用法
若把in 用于数组的判断时，会产生错误 ...
JS 访问对象中数据易错点总结
1.1访问Hash中的键值
例1：
var age = {'Tom':18,'Jack':19};
查询哈希表中的'Jack'的数据：
var data = age['Jack'];
var data=age. 'Jack'//错误的方式。当属性为字符串时，只能采用[]的方式
例2：
var stu_info = {name:'王雪',age:20,num:123,math_score:136};
查询哈希表中的math_score的数据：
var num_math_score=stu_info.math_score;
var num_math_score=stu ...
JS number保留整数及n位小数的方法
1.1四舍五入为指定小数位数的数字。toFixed()
1.2把一个数字舍入为最接近的整数。Math.round()
1.3丢弃小数部分,保留整数部分。parseInt()
1.4向上取整,有小数就整数部分加1。Math.ceil()
1.5向下取整。Math.fl ...
if语句中使用多个条件的优化
一、使用and(&&)和or(||)运算符优化多条件if语句
例1：如何使用条件“degCent是否大于0，但又小于100？”。
方法一：使用嵌套的if语句
if(degCent<100){
if(degCent>0){
document.write("degCent is between 0 a ...