当前位置:首页 >  会议 >  正文

SEO资料站飘渺蝶舞DIV+CSS讲座

 2007-10-14 21:46  来源: SEO资料站   我来投稿 撤稿纠错

  【推荐】海外独服/站群服务器/高防

飘渺蝶舞(312890073) 14:22:14
其实CSS+DIV是很简单的,不知道大家用的是什么编辑软件 我使用的是DW MX 2004

飘渺蝶舞(312890073) 14:22:44
一般新建一个HTML页面后,下面都有个页面属性 我估计这个大家都用

飘渺蝶舞(312890073) 14:23:15
页面属性可以定义网页的高度,链接样式 字体大小H1等信息

飘渺蝶舞(312890073) 14:24:03
一般这些是最基本的 如果这个定义了 那么网页的定义已经完成了一半 也就是CSS已经说是基本定义完成了

飘渺蝶舞(312890073) 14:24:24
那么DIV如何定义呢?其实很简单,我想大家都使用过DW的层的功能

飘渺蝶舞(312890073) 14:25:02
其实层就是DIV的布局方式,按照你所喜欢的布局用层画出来 DIV就出现了

但是在编辑了层以后 我们看到的都是类似如下的代码
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1"></div>

飘渺蝶舞(312890073) 14:26:00
这是不符合web标准的,而且有很多垃圾代码

飘渺蝶舞(312890073) 14:26:23
所以 我们可以吧DIV的所有层的所有属性都隐藏到CSS里

飘渺蝶舞(312890073) 14:27:04
一般我们在网页上的页面属性里定义的CSS 前面都是一个点 例如.a .body等

飘渺蝶舞(312890073) 14:27:24
那么CSS中加入的DIV样式就不能用点来表示了

飘渺蝶舞(312890073) 14:27:35
例如<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1"></div>这一段

飘渺蝶舞(312890073) 14:27:56
我们可以先给层命名,假如这个层叫做main

飘渺蝶舞(312890073) 14:28:15
我们就可以这样写<div id=main></div>

飘渺蝶舞(312890073) 14:28:44
那么层的定义在那里呢,其实我们已经把它隐藏到CSS里了 在CSS里设置属性如下 #main{}

飘渺蝶舞(312890073) 14:29:28
在这个{}中间 填写上层属性里面style=后面的东西

飘渺蝶舞(312890073) 14:29:43
完整的代码就是
#main{"position:absolute; width:200px; height:115px; z-index:1}

飘渺蝶舞(312890073) 14:30:13
这样 CSS样式中就隐藏了DIV的属性 这是最基本的了 你可以根据你的背景图片等 都隐藏都层里

飘渺蝶舞(312890073) 14:30:42
一般我们为了定位,首先是要定义一个大框架的 定位好大的框架DIV层就不会乱跑了

飘渺蝶舞(312890073) 14:31:08
也就是说定义好main的位置 剩下所有的DIV都在main层里

飘渺蝶舞(312890073) 14:31:18
这样就不会乱跑了

飘渺蝶舞(312890073) 14:31:25
OK 讲课结束 (*^__^*) 嘻嘻……·

课后交流
林强茂(4606027) 14:31:27
DIV+CSS最难的是处理浏览器间的兼容问题.

飘渺蝶舞(312890073) 14:31:55
一般来说 兼容的问题用JS就可以解决

例如默认的
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true); 

做网页我不太懂,不过感觉飘渺讲得很通俗易懂.她美工也很不错,我那个163邮箱的站,改了后好看多了:

本文首发:SEO资料站-最实用的草根SEO站长网

申请创业报道,分享创业好点子。点击此处,共同探讨创业新机遇!

相关文章

热门排行

信息推荐