仓酷云

标题: CSS教程之CSS复杂完成网页悬浮效果（春联告白） [打印本页]

作者: 灵魂腐蚀 时间: 2015-1-16 00:12
标题: CSS教程之CSS复杂完成网页悬浮效果（春联告白）
你的设计不仅仅用于web浏览器，也可以发布在其他设备上，比如PowerPoint。
css流动定位，即悬浮效果（比方春联告白），不必js，css中"position:fixed;"便可。
position:fixed;以视口为包括块，因而在扫瞄器窗口内流动。
ie6.0不撑持，因而接纳相对html元素的相对定位。

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>CSS流动定位</title>

<styletype="text/css">...

*{...}{

padding:0;
margin:0;

}
[attach]292165[/attach][attach]292166[/attach]#fixedLayer{...}{
width:100px;
line-height:50px;
background:#FC6;
border:1pxsolid#F90;
position:fixed;
left:10px;
top:10px;

}
</style>

</head>

<body>
<divid="fixedLayer">流动不动</div>
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
dd
</body>
</html>

提高易用性。使用CSS可以结构化HTML，例如：标签只用来控制段落，heading标签只用来控制标题，table标签只用来表现格式化的数据等等。

作者: 只想知道 时间: 2015-1-18 05:31
可以使用CSS检查工具进行设计。

作者: 活着的死人 时间: 2015-1-25 20:57
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。

作者: 乐观 时间: 2015-2-4 06:09
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人.

作者: 柔情似水 时间: 2015-2-9 17:09
直接用代码建立链接，如：可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

作者: 飘飘悠悠 时间: 2015-2-27 12:27
使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

作者: 不帅 时间: 2015-3-16 22:49
直接用代码建立链接，如：可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

作者: 第二个灵魂 时间: 2015-3-23 08:47
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

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