网页中style层的应用

森森

一个新的空白页面代码

 

1 ＜!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞
2 ＜html xmlns="http://www.w3.org/1999/xhtml"＞
3 ＜head＞
4 ＜meta http-equiv="Content-Type" c /＞
5 <title>网页初步</title>
6 ＜/head＞
7
8 ＜body＞
9 ＜/body＞
10 ＜/html＞

 

 ----------------------------------

插入一个层

1 ＜!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞
2 ＜html xmlns="http://www.w3.org/1999/xhtml"＞
3 ＜head＞
4 ＜meta http-equiv="Content-Type" c /＞
5 ＜title＞网页初步＜/title＞
6 ＜style type="text/css"＞
7 ＜!--
8 #Layer1 {
9     position:absolute;
10     width:200px;
11     height:115px;
12     z-index:1;
13 }
14 --＞
15 ＜/style＞
16 ＜/head＞
17
18 ＜body＞
19 ＜div id="Layer1"＞＜/div＞
20 ＜/body＞
21 ＜/html＞

 

 

--------------------------

1. <br/>1 ＜style type="text/css＞ <br/>2 ＜!-- <br/>3 <br/>4 --＞ <br/>5 ＜/style＞ <br/>6 还有JavaScript的： <br/>7 ＜script lanuage="javascript"＞ <br/>8 ＜!-- <br/>9 <br/>10 //--＞ <br/>11 ＜script＞ <br/>12 都是说明如果浏览器不支持CSS或JS代码，就直接略过这段代码

复制代码

---------------------------------------------------------------

 

1. <br/>1 ＜style type="text/css"＞ <br/>2 ＜!-- <br/>3 #Layer1 { <br/>4 &nbsp;&nbsp;&nbsp;&nbsp;position:absolute; <br/>5 &nbsp;&nbsp;&nbsp;&nbsp;width:200px; <br/>6 &nbsp;&nbsp;&nbsp;&nbsp;height:115px; <br/>7 &nbsp;&nbsp;&nbsp;&nbsp;z-index:1; <br/>8 &nbsp;&nbsp;&nbsp;&nbsp;left: -100; <br/>9 &nbsp;&nbsp;&nbsp;&nbsp;top: -10; <br/>10 } <br/>11 --＞ <br/>12 ＜/style＞

复制代码

 

森森

 

论坛中最简单的基本代码  一个层中插入了透明flash.

 

<embed style="LEFT: 630px; WIDTH: 400px; POSITION: absolute; TOP: 1201px; HEIGHT: 300px" align="3" src="http://style.blogcn.com/blogcnpage/sysflash/t2/19/a.swf" width="400" height="300" type="application/octet-stream" wmode="transparent" quality="high"></embed>

 

 

 

 

 

 

 

 

        TOP: ****px 是指层与帖子上边之间的距离。
　　　LEFT: ***px 是指层与帖子左边之间的距离。
　　　前面的WIDTH: ***px　HEIGHT: ***px　是指层的宽度和高度
　　   后面的width=*** height=*** 是指FLASH的宽度和高度

 

 

 实例 见顶上那花从。