文章列表
DIV+CSS布局和TABLE布局详解
1.1 TABLE布局
1.1.1概述
HTML table元素渲染到网页上，其单元格的边框和间距均为0。传统TABLE布局方式就是利用table元素的这个特性，将网页中的各个元素按版式划分放入表格的各个单元格中，从而 ...
HTML引入CSS样式的方式详解
1.1内联属性（Inline style attribute）
直接修改HTML元素的style属性，将CSS代码直接写在style属性里。
例：
<h1 style="font-size: 12px;">我的字号被修改了</h1>
1.2直接写在style标签里
通过选择器选择HTML元素，将CSS样式放在<style>标签中，<style>标签一般要求写放在<head>标签里。如果不写在<head>标签里有些浏览器会报错。
例：
&l ...
设置input输入框为只读方法详解
1.1禁用状态与启用状态
一个元素不能被激活（如选择、点击或接受文本输入）或获取焦点，则该元素处于被禁用状态。一个元素可以被激活或获取焦点，则该元素处于启用状态。
1.2设置input输入框为只读方法
设置文本框为只读，使用户不能修改其中的信息。
例：
<input type="text" value="中国">，使"中国"两个字不可以修改的方法详解。
1.2.1鼠标放上时失去焦点
方法: onfocus=this.blur()
onfoc ...
JSON.parse()方法详解
JSON.parse()方法可以将一个JSON字符串解析成为一个JS对象。在解析过程中，还可以选择性的修改某些属性的原始解析值。
1.1语法
JSON.parse(text[, reviver])。
1.2参数介绍
text必需。一个有效的 JSON 字符串。
reviver可选。一个函数，用来转换解析出的属性值。
为对象的每个成员调用此函数。如果成员包含嵌套对象，则先于父对象转换嵌套对象。对于每个成员，会发生以下情况：
如果reviver返回一个有效值，则成员值将 ...
JSON.stringify()方法详解
JSON.stringify()方法主要是系列化对象。即把原来是对象的类型转换成字符串类型（或者更确切的说是json类型的）。该方法可以将任意的JS值序列化成JSON字符串。
1.1语法
JSON.stringify(value [, replacer] [, space])。
1.2参数介绍
value：是必须的,即将要序列化成JSON字符串的值。比如数组。
replacer：是可选的。分为2种方式，一种是方法，第二种是数组。
space：是可选的，指定缩进用的空白字符串，用于美化输出（pretty-print ...
JS对JSON数据的操作-解析操作
1.1JS解析JSON字符串
1.1.1使用eval()函数解析
由于JSON语法是JS语法的子集，JS函数eval()可用于将JSON字符串转换为JOSN对象。
解析方式：
eval()函数使用JS编译器，解析JSON文本生成JS对象。
语法：
var obj = eval ("(" + txt + ")");
注意：必须把文本包围在括号中，这样才能避免语法错误。
例：
<html>
<head></head>
<body>
<p>
...
JS比较运算符之等于与不等于详解
1.1等于（==）与不等于（!=）
使用==或!=来比较两个数据是否相等，如果两个数据的类型不同，将进行转换后比较。
1.1.1转换的规则
如果其中一个操作数的类型为Boolean，那么，首先将它转换为数字类型，false转换为0, true将转换为1。
如果其中一个操作数的类型是字符串，另外一个为数字类型，那么，将字符串转换为数字进行比较。
如果其中一个操作数的类型是字符串，另外一个为object类型，那么，将调用对象的toString方法之后，比较字符串。
如果其中一个操作数的类型是数字类型，另外一个为object类型 ...
HTML中DIV提示框的实现
点击网页中某个按钮时，会弹出一个对话框，自定义提示框的样式和内容。
HTML代码：
<!DOCTYPE html>
<html>
<head></head>
<body>
<!--页面其他内容-->
<button class="btn" onclick=&qu ...
JS对JSON数据的操作-直接操作
1.1 对JSON数据的操作
1.1.1 JSON对像结构数据的操作
1、访问数据
JSON对象.key；//返回键值
JSON对象["key"]；//返回键值
2、添加数据
JSON对象.key=value；
JSON对象["key"]=value；
3、修改数据
JSON对象.key = 新值;
4、删除数据
delete JSON对象.key;
5、遍历JSON对象
对于JSON对象结构，可以使用for…in…循环来遍历JSON对象中的数据。
1.1.2 JSON数组结构数据的操作
JSON数组结构数据，通 ...
JSON基础知识
1.1概述
JSON全称“JavaScript Object Notation（JavaScript对象表示法）”，起源于JavaScript的对象和数组。
JSON大部分都是用来处理JavaScript和web服务器端之间的数据交换，把后台web服务器的数据传递到前台，然后使用JavaScript进行处理，例如ajax等。
JSON支持的语言非常多，包括JavaScript、C#、PHP、Java等，这是由于JSON独立于语言的轻量级的数据交换格式，这个特点有点类似于SQL语言。
1.2 JSON语法
JSON语法是 JavaScript 对象 ...
文本排版之CSS属性
1.1段落设置
1、text-indent，段落首行文字缩进。
例：
.for-mat{
text-indent:20px;/*首行缩进20px*/
}
2、水平对齐方式——设置或检索对象（图片和文字等）中文本的左中右对齐方式。
语法：
text-align:center;居中对齐。
te ...
HTML布局之盒子模型
1.1盒子模型
任何一个在页面上显示的HTML元素（无论是块级还是行内元素）都会呈现为一个盒子形状，即为盒子模型(box model)。
示意图：
见附带图片！！！
盒子首先以元素的width和height开始 ...
盒子模型之元素CSS padding属性
1.1概述
CSS padding内补白(内边距)位于对象（边框）以内，或这样说padding样式是位于对象内的内容区域与边框之间的间隔。
1.2 CSS padding语法
padding:+数值+单位/百分比数值
注意：
padding的值不能为负值。
内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
1.3单独设置左、右、上、下边距
padding-left 设置对象距离左边的边距补白间隔
padding-right 设置对象距离右边的边距补白间隔
padding-top ...
盒子模型之元素CSS margin属性
1.1 概述
CSS margin外边距/外补白边距样式属性，设置对象四边的外延边距，没有背景颜色也无颜色，即设置对象标签之间距离间隔。
1.2 margin语法
margin的值
可以为正整数和负整数+html单位；
可以为auto自动属性(自动、自适应)；
可以为百分比（%）值。
例：
div{
margin:10px; //设置div对象四边间距为10px
margin-left:auto；
margin-left:3%；
}
1.3单独设置四边间距属性
margin-left，对象左边外延边距。
margin-right，对象右边外延边距 ...
HTML布局之元素浮动属性
1.1 CSS float属性
语法：
float:left;//设置元素靠左浮动
float:right;//设置元素靠右浮动
float:none;// 默认值。元素不浮动，并会显示在其在文本中出现的位置
注意：任何元素都可以浮动。
1.2设置float属性带来的后果
1、一个元素设置浮动之后，会生成一个块级框，而不论它本身是何种元素。
2、一个元素设置浮动之后，它会浮动紧靠到父元素容器的边界，如果该元素没有父元素，它就会浮动到页面容器的边界。
3、一个元素浮动之后，页面正常流里面的其他元素会环绕该元素。
1.3清除元素浮动
CSS clear属性规定元素的哪一侧 ...