文章列表

 
       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
*
联系方式: