仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1770|回复: 9
打印 上一主题 下一主题

[DIV+CSS] 来看看:CSS教程:“主动定位”的使用

[复制链接]
小魔女 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:35:50 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
网页制造poluoluo文章简介:在利用css创立相似title属性提醒框,罕见的办法是利用相对定位,用负值使其偏移于屏幕以外,在鼠标经由时界说一个符合的正值使其显现到我们所必要的地位。可是,有一个我们不经常使用的属性我们经常将其弃捐一旁而未加使用--auto.
在利用css创立相似title属性提醒框,罕见的办法是利用相对定位,用负值使其偏移于屏幕以外,在鼠标经由时界说一个符合的正值使其显现到我们所必要的地位。可是,有一个我们不经常使用的属性我们经常将其弃捐一旁而未加使用--”auto”。《AutoPositioningforAbsoluteElements》这篇文章具体先容了该属性的利用办法,自己曾翻译了此文--《相对定位元素的主动定位》,但文章太长,不甚直不雅,本文经由过程对照两种创立提醒框的办法来先容该属性的利用办法。
1、惯例办法
看上面的html了局,我们让.test绝对定位,断定其外部span标签的定为基点,在鼠标经由时,界说span标签的left为0。
1.<divclass="box">罕见的完成动静提醒框的办法,是让父元素绝对定位,动静内容相对定位。默许形态让其埋没于屏幕以外,鼠标经由时界说一个正值使其显现在我们必要的地位。看看这个<aclass="test"href="#">动静提醒框<span>鼠标经由时我会呈现</span></a>。你能够看到,鼠标经由时,动静框会呈现在鼠标的地位。</div>01..test{02.   position:relative;03.   display:inline-block;//使其在IE8中一般显现;color:#fff;04.}05..testspan{06.   position:absolute;07.   top:15px;08.   left:-999em;09.   border:1pxsoid#6c3;10.   background-color:#F60;11.}12..test:hover{13.   background:#fff;/修复IE中的bug,这里是为了测试,假如不必要色彩,可使用一张1
乐观 该用户已被删除
沙发
发表于 2015-1-16 21:10:27 | 只看该作者

来看看:CSS教程:“主动定位”的使用

每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
不帅 该用户已被删除
板凳
发表于 2015-1-19 05:15:46 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
admin 该用户已被删除
地板
发表于 2015-1-27 22:44:23 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
老尸 该用户已被删除
5#
发表于 2015-2-5 15:56:40 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
莫相离 该用户已被删除
6#
发表于 2015-2-12 23:12:27 | 只看该作者
可以使用 CSS 检查工具进行设计。
海妖 该用户已被删除
7#
发表于 2015-3-3 11:47:45 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
爱飞 该用户已被删除
8#
发表于 2015-3-11 11:04:50 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
活着的死人 该用户已被删除
9#
发表于 2015-3-18 13:56:59 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
小女巫 该用户已被删除
10#
发表于 2015-3-26 06:26:35 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-22 21:52

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表