第一章：（HTML的基本标签）

一：什么是HTML

答：HTML被称为超文本标签语言。

二：有什么特点：

答：1：简易性。2：无平台性。

三：基本的块级标签包括

1：标题标签《h1》-《h6》 2：段落标签《p》 3：水平线标签《hr/》

四：常用的布局块级标签。

1：有序列表标签《ol》《li》

2：无序列表标签《ul》《li》

3：定义列表标签《dl》《dt》《dd》

4：表单标签《from》

5：分区标签《div》

五：行级标签。

1：图片标签《img》 2：范围标签《span》 3：换行标签《br/》

第二章：

一：超链接《a》标签

<a href=”连接地址” target=”目标窗口位置”>文本或者图像</a>

Target:_self是自身窗口，target:_blank新建窗口

二：注释。

<!-- 注释内容-->

三：特殊符号。

空格 &hbsp; 大于号：> 小于号：< 引号：" 版权符号：©

四：（1）<form action=”表单提交地址” method=”提交方法”>

文本框，按钮等表单元素

</form>

<input type=”类型有以下” >的用法的：

1：text :单行文本输入。

2：password :密码

3：radio:单选.

4:checkbox:多选。

5：reset:重置表单数据。

6：file:文件上传。

7：submit:提交表单数据

8：图形提交按钮

9：button普通按钮。

10:hidden:隐藏域

（2）

1：下拉下表框：

<select name=”指定列表名称” size=”行数”>

<option value=”可选项的值” selected=”默认选中”>文本值</option>

…… …… 余下全文

总结

css一些属性解释

一、html标签

<pre>...</pre>文字格式化

<div>......</div>列块容器

字体大小变化 <font size=?>想输入的字</font>

字体颜色 <font color="...">想输入的字</font>

字体变粗 <b>想输入的字</b>

字体变斜 <i>想输入的字</i>

字体加下划线 <u>想输入的字</u>

对正中央ㄉ语法 <p align="center">内容</p>

对正左边ㄉ语法 <p align="left">内容</p>

对正右边ㄉ语法 <p align="right">内容 </p>

字体删除线 <s>想输入的字</s>

字体设置 <font face="字体名称">想输入的字</font> 打字机字体 <tt>想输入的字</tt>

上标字 ^{想输入的字}

下标字 _{想输入的字}

水平线 <hr color="...">

换行输入 想输入的字<br>想输入的字

超链接 <a href="想链接网址">链接地的名称</a>

<a href="mailto:填入email">要显示的字打这里</a>网络邮寄标签 贴图 <img src="图形的网址">

…… …… 余下全文

2011.9.19

[css] 同时给每个li一个左边框，让ul左边距为-1像素，可去掉最左边栏目的左边框。

2011-10-9

[css]IE6, IE7, IE8和其他浏览器的不同写法

color:blue; /*其他*/

color:yellow\9; /*IE8*/

+color:red; /*IE7*/

_color:green; /*IE6*/

…… …… 余下全文

邮kait整理

div＋css布局入门

你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习：

第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。

另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align="left"等等)束手无策，不知道该转换成对应的什么CSS语句。当你解决了第一种问题，知道了如何结构化你的HTML，我再给出一个列表，详细列出原来的表现属性用什么CSS来代替。

结构化HTML

我们在刚学习网页制作时，总是先考虑怎么设计，考虑那些图片、字体、颜色、以及布局方案。然后我们用Photoshop或者Fireworks画出来、切割成小图。最后再通过编辑HTML将所有设计还原表现在页面上。

如果你希望你的HTML页面用CSS布局(是CSS-friendly的)，你需要回头重来，先不考虑“外观”，要先思考你的页面内容的语义和结构。

外观并不是最重要的。一个结构良好的HTML页面可以以任何外观表现出来，CSS Zen Garden是一个典型的例子。CSS Zen Garden帮助我们最终认识到CSS的强大力量。

HTML不仅仅只在电脑屏幕上阅读。你用photoshop精心设计的画面可能不能显示在PDA、移动电话和屏幕阅读机上。但是一个结构良好的HTML页面可以通过CSS的不同定义，显示在任何地方，任何网络设备上。 开始思考

首先要学习什么是"结构"，一些作家也称之为"语义"。这个术语的意思是你需要分析你的内容块，以及每块内容服务的目的，然后再根据这些内容目的建立起相应的HTML结构。

如果你坐下来仔细分析和规划你的页面结构，你可能得到类似这样的几块：

…… …… 余下全文

javascript部分

1. document.form.item 问题

问题：

代码中存在 document.formName.item(“itemName”) 这样的语句，不能在FF下运行 解决方法：

改用 document.formName.elements["elementName"]

2. 集合类对象问题

问题：

代码中许多集合类对象取用时使用()，IE能接受，FF不能

解决方法：

改用 [] 作为下标运算，例：

document.getElementsByName(“inputName”)(1) 改为 document.getElementsByName(“inputName”)[1]

3. window.event

问题：

使用 window.event 无法在FF上运行

解决方法：

FF的 event 只能在事件发生的现场使用，此问题暂无法解决。可以把 event 传到函数里变通解决：

onMouseMove = “functionName(event)”

function functionName (e) {

e = e || window.event;

??

}

4. HTML对象的 id 作为对象名的问题

问题：

在IE中，HTML对象的 ID 可以作为 document 的下属对象变量名直接使用，在FF中不能 解决方法：

使用对象变量时全部用标准的 getElementById(“idName”)

5. 用 idName 字符串取得对象的问题

问题：

在IE中，利用 eval(“idName”) 可以取得 id 为 idName 的HTML对象，在FF中不能 解决方法：

用 getElementById(“idName”) 代替 eval(“idName”)

6. 变量名与某HTML对象 id 相同的问题

…… …… 余下全文

字体属性：(font)

大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD

样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)

行高 line-height: normal;(正常) 单位：PX、PD、EM

粗细 font-weight: bold;(粗体) lighter;(细体) normal;(正常)

变体 font-variant: small-caps;(小型大写字母) normal;(正常)

大小写 text-transform: capitalize;(首字母大写) uppercase;(大写) lowercase;(小写) none;(无) 修饰 text-decoration: underline;(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁) 常用字体： (font-family)

"Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana

背景属性： (background)

色彩background-color: #FFFFFF;

图片background-image: url();

重复background-repeat: no-repeat;

滚动background-attachment: fixed;(固定) scroll;(滚动)

位置background-position: left(水平) top(垂直);

简写方法 background:#000 url(..) repeat fixed left top;

…… …… 余下全文

CSS兼容IE和Firefox的技巧大全

1.div的垂直居中问题

vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行

2. margin加倍的问题

设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;

例如：

＜#div id=”imfloat”>

相应的css为

#imfloat{

float:left;

margin:5px;/*IE下理解为10px*/

display:inline;/*IE下再理解为5px*/}

3.浮动ie产生的双倍距离

#box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略}

这里细说一下block与inline两个元素：block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是,和其他元素在同一行上,不可控制(内嵌元素);

#box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的效果 diplay:table;

4 IE与宽度和高度的问题

IE不认得min-这个定义，但实际上它把正常的width和height当作有min的情况来使。这样问题就大了，如果只用宽度和高度，正常的浏览器里这两个值就不会变，如果只用min-width和min-height的话，IE下面根本等于没有设置宽度和高度。

比如要设置背景图片，这个宽度是比较重要的。要解决这个问题，可以这样：

…… …… 余下全文