李浩然的专栏

宋体 SimSun黑体SimHei微软雅黑Microsoft YaHei微软正黑体Microsoft JhengHei新宋体NSimSun新细明体PMingLiU细明体MingLiU标楷体DFKai-SB仿宋FangSong楷体KaiT

new document *{margin:0; padding:0;} .nav{ width: 100%; height: 48px; background: url(index_x.jpg) repeat-x 0 -100px; margin-top: 100px; } ul{ width: 980

new document *{ margin:0;padding:0;}ul,li{list-style:none;} .box{width:500px; margin:50px auto;} .box h2{ font-size:20px; font-weight:normal; float:left; padding-left:10px;}

节点访问 function findNode(){ //查找html节点 var htmlChild = document.firstChild; //查找body节点 var bodyChild = htmlChild.lastChild; //查

1、getAttribute()——获取属性的值描述：获取节点属性的值。语法：nodeObj.getAttribute(name)参数：name代表当前节点的某个属性。举例：var src = imgObj.getAttribute(“src”)2、setAttribute()——添加属性描述：给某个节点添加属性。语法：nodeObj.setAttribute(name

因为，核心DOM中，对节点的访问，都是从根节点开始的，访问方式十分麻烦。特别是当节点层次很深时，更是麻烦。因此，才有了HTMLDOM1、HTMLDOM的新特性每一个HTML标记，都对应一个对象。如：标记，就是一个img对象。每一个HTML标记的属性，与对应的元素对象的属性，一一对应。属性：src、width、height、border、style、title、id、class等。

new document *{margin: 0;padding: 0;} .box{width: 980px; height: 60px; margin: 120px auto; } .left{ background: url(nav_left.jpg) no-repeat;

new document .title,.content{ /*多元素组合声明*/width:500px; /*设置div的宽度*/border:1px solid green;/*设置div的边框*/}.title{ height:45px; /*设置div的高度*/line-height:45px; /*设置div的行高*/backgroun

书讯快递 body{ margin: 0; padding: 0; font-size: 15px; } #dome{ margin: 0 auto; padding: 0; margin-top: 30px;

Style对象简介每一个HTML标记，都有一个style属性，而这个style属性，又是一个style对象。那么，style对象有什么属性？style对象的属性，与CSS中各属性一一对应。Style对象，就是对CSS的一个引用。也可以，理解为：style对象，就代表CSS这个东西。如：imgObj.style.width = “400px”html 页面当当网购物车

html页面 基本选择器 .selection{ margin: 0 auto; padding: 0; border:1px solid red; width: 500px; text-align: center; margin-top: 50px; }

基本选择器 #d1{ background-color: black; height: 300px; color: white; cursor: crosshair; } function fn(e){ var x = e.clientX;

基本选择器 body{ margin: 0px; height: 300px; } window.onload=init; //窗口事件 function init(){ document.body.bgColor="blac

基本选择器 #dl{ margin: 0 auto; width: 300px; height: 50px; border: 1px solid red; color: blue; text-align: center; line-height: 50px;

一：单位  px,em ,%（相对单位）  font-size:25不加单位的数字毫无意思  px像素，相对单位。和屏幕的分辨率有关。  em：一个字体高（1倍字体高）,2em(当前默认字体的2倍)  %,百分比。相对单位。相对于当前默认值的百分比。  浏览器的默认字体大小为16px.二：文字属性 font可以同时设置字符的各种属性，包括font-style

伪类选择器链接a:link 链接的正常状态a:visited 鼠标单击过的链接状态a:hover 鼠标放在链接上面的（悬停）状态a:active 当前正在访问的链接状态当有多种链接样式时，通常配合类来设置 new document a.test1:link,a.test1:visited{ color:red;}

很细边线的表格实现 很细边线的表格实现 ID 新闻标题 点击量 发布时间 操作

概念：  1.表格是一个二维数据空间，一个表格由若干行组成，一个行又有若干单元格组成，单元格里可以包含文字、列表、图案、表单、数字符号、预置文本和其它的表格等内容。  2.表格最重要的目的是显示表格类数据。表格类数据是指最适合组织为表格格式（即按行和列组织）的数据。格式: 内容 内容

很细边线的表格实现 VIP会员申请表   No: 会员姓名 出生日期 身份证号 通讯地址 联系电话 会员卡号

中秋节祝福 月有阴晴圆缺，人有悲欢离合，此事古难全。 中秋节离我们越来越近了，每年的中秋你都怎样度过？ 是否心中怀着那种牵肠挂

表单 会员注册 账号: 密码:

new document 本站用户注册信息表 会员注册信息 用户名： 密码： 性别： 男 女 保密 爱好 阅读 跳舞 唱歌 请上传您的照片 籍贯A

CSS基本选择器：1. 标签选择器直接写在标签内如：文字内容2.ID选择器以“#”开头，命名方法：建议全小写，以字母开头使用方法：3.类语法：定义的方法：用“.”开头,后跟类名。类名书写规范，以小写字母开始。使用方法：内容4.通配符选择器*{CSS规则}意思：针对当前页面所用的标签应用同样的样式（对标签的初始化）如：*{mar

多个标签或选择器同时声明如：h1,h2,ul,li{margin:0;padding:0;}定义的方法注意思：选择器之间用逗号隔开。 style h1,h2,h3,h4,p{ font-size:16px;font-weight:normal;} 无所不知所不能东方彧卿无所不知所不能东方彧卿无所不知所不能东方彧卿无所不知所不能东

一:后代选择器 style p span,h1 span,.test ul li{color:red;} 花千骨大结局OKOKOKOKOK人间帝王轩辕郎、无所不知所不能东方彧卿（其实他就是超脱六界之外的异朽君）、妖魔两界圣君杀阡陌那时都是爱花千骨的，都希望白子画能够善待花千骨。白子画的善待是八十一根消魂钉，普通仙一根消魂钉就死

就是背景图定位。将许多小图放到一大图上。这样做的好处是减少页面与服务器之间的交互次数。 基本选择器 .button{width: 111px; height: 35px; background: url(bg1.png) no-repeat 0px -207px; border:1px

因为默认的列表 在不同的浏览器可能兼容性问题 而产生不同的效果  所以用背景图来展示列表标识 基本选择器 u li{margin: 0;padding: 0;} li{ list-style: none; /**用背景图设置列表项 前提是将li的默认列表去掉**/ border-botto

原则用最小的图 来做背景  节省资源 基本选择器 *{margin:0;padding:0;} .content{ width: 1000px; background:url(bg4.jpg); background-repeat: repeat-y; margin: 0

星星案例 body{ margin: 0px; height: 300px; } .button{ margin-left: 100px; margin-top: 30px; } .button input {