仓酷云

标题: 带来一篇CSS中关于绝对定位和相对定位 [打印本页]

作者: 分手快乐 时间: 2015-1-16 00:20
标题: 带来一篇CSS中关于绝对定位和相对定位
更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的内容，并可能给你一个较高的评价(ranking)。
<style>
body
{margin:30px;font-size:9pt;}

.a,.b,.c,.d,.e
{
width:100px;
height:100px;
margin:5auto;
color:#fff;
background:#000;
}
.aa,.bb,.cc,.dd,.ee
{
top:10px;
left:10px;
width:10px;
height:10px;
overflow:hidden;
background:#F90;
}
.b,.d,.e
{position:relative;}
.cc,.dd,.ee
{position:absolute;}
</style>

<divclass="a">
<divclass="aa"></div>
A:均不设置postion，一样平常嵌套干系
</div>

<divclass="b">
<divclass="bb"></div>
B:仅外div设置relative，一样平常嵌套干系
</div>

<divclass="c">
<divclass="cc"></div>
C:仅内div设置absolute，文档中为嵌套干系，页面中内div浮起[非float]，相对页面定位，与外div有关。
</div>

<style>
body
{margin:30px;font-size:9pt;}

.a,.b,.c,.d,.e
{
width:100px;
height:100px;
margin:5auto;
color:#fff;
background:#000;
}
.aa,.bb,.cc,.dd,.ee
{
top:10px;
left:10px;
width:10px;
height:10px;
overflow:hidden;
background:#F90;
}
.b,.d,.e
{position:relative;}
.cc,.dd,.ee
{position:absolute;}
</style>

<divclass="a">
<divclass="aa"></div>
A:均不设置postion，一样平常嵌套干系
</div>

<divclass="b">
<divclass="bb"></div>
B:仅外div设置relative，一样平常嵌套干系
</div>

<divclass="c">
<divclass="cc"></div>
C:仅内div设置absolute，文档中为嵌套干系，页面中内div浮起[非float]，相对页面定位，与外div有关。
</div>

<divclass="d"style="background:#ff0000">
<divclass="dd"></div>
D:外div设置relative，内div设置absolute，内div浮起来并相对外div定位
</div>

<divclass="d"style="background:#ff0000">
<divclass="dd"style="position:relative"></div>
D:外div设置relative，内div设置relative，内div浮起来并相对外div定位
</div>

<divclass="e">
<divclass="ee"style="left:-10px;"></div>
E:这个是申明界限成绩。-10!=反向10px间距
</div>

注重两个白色的中央笔墨,个中,相对定位在嵌套中,好象要站居必定地位,而绝对定位则没有</p>
你用什么用的熟练就用什么，讲究的是效率，客户永远不管你用什么，页面就要好看，功能就要好用，还有时间和成本的问题。

作者: 分手快乐 时间: 2015-1-18 06:05
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

作者: 精灵巫婆 时间: 2015-1-21 17:57
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

作者: 简单生活 时间: 2015-1-30 21:42
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

作者: 活着的死人 时间: 2015-2-6 16:14
滚动条)层属性--溢出(visible/hidden/scroll/auto)

作者: 兰色精灵 时间: 2015-2-17 06:03
布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。

作者: 金色的骷髅 时间: 2015-3-5 16:54
还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。

作者: 蒙在股里 时间: 2015-3-12 11:06
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

作者: 灵魂腐蚀 时间: 2015-3-19 21:20
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

欢迎光临仓酷云 (http://ckuyun.com/)