文章列表

 
       HTML+CSS入门教程
2007-04-21 晴

出处或者来源:原创

一个网页就是一个HTML文件，它是由元素构成的。
元素的表达方式有两种
1、<元素名>可插入内容或是其他元素</元素名>。例：<html></html>
2、<元素名 参数/>。例：<input type=”text”/>（当且仅当元素中无法插入内容时才用这种表达方式）

一个CSS文件，中文名为“样式表”，顾名思义，它提供是的一种样式，表现在网页中，就是对网页中的元素一个样式，即你要让元素以什么样的形式存在，就在CSS中对它进行定义。如：#div1 {width:780px height:280px background-color:red}
这样就相当于，给予具有div1这个ID的元素以宽度780像素，高度280像素，背景色为红色的定义。在网页上，具有DIV1这个ID的元素均会以这个定义表现出来。

而我们要怎么让一个元素能读取到一个定义呢，就是我们首先要在HTML文件中，给元素定义一个ID~~例如：<div></div>（这是一个层的元素）我们给它加上个id成：<div id=”div1”></div>这样，它就会自动读取CSS中以#div1开头的定义。

在这里我们已经对网页有一个整体的把握，就是，HTML提供元素，然后在CSS描述它是长什么样的（样式）。这样，一个网页也就构造成功了。

特别要注意的，就是在HTML中，要给一个属性赋值要用“=”如：id=”div1”
而在CSS中，要给一个属性赋值，用的是：“:”如：width:130px

CSS文件的基本格式：
1、 对网页特定元素的定义，即对元素名直接进行定义。格式为：元素名 {定义}
如div {定义}（这样就会对网页中所有的DIV元素均给予这个定义。
2、 对具有ID的元素进行定义：#id名{定义}
3、 对具有CLASS的元素进行定义：.class名{定义}
PS：定义与定义之间用“;”隔开。
关于ID与CLSAA的区别，其实不大，都是给出定义，但可以同时给予一个元素多个CLASS定义，却只能给予一个元素一个ID，如：<div id=”div1” id=”div2”></div> 这是错误的。
<div class=”div1” class=”div2”></div> 这是正确的。

还有一个大家都关注的问题，就是写网页要用什么工具来写，其实这个没有规定，因为一个.htm的文件就已经可以说是一个网页了，所以，你用记事本来写也是可以的，
如我用记事本写一个：<html></html> 然后保存成1.htm就已经是一个网页了
当然，用专门的工具可以让你更懒一点，更直观一点。
个人推荐用sharepoint或是dreamwaver。.
# posted by 冰河￠Harvey @ 2007-04-21 00:31:20 评论(0)
 






   
 
  笔架 の 石头  2007-05-08 22:10:58
good...
 
 
   


 
笔 名：
 *
评 论：
最多1000字。当前字数：0
*
联系方式：