仓酷云

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

[DIV+CSS] 给大家带来用css完成笔墨的主动埋没

[复制链接]
若相依 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 07:39:48 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处?
不成换行<NOBR></NOBR>(不换行)

overflow
版本:CSS2 兼容性:IE4+NS6+ 承继性:无

语法:

overflow:visible|auto|hidden|scroll

参数:

visible: 不剪切内容也不增加转动条。假设显式声明此默许值,工具将被剪切为包括工具的window或frame的巨细。而且clip属性设置将生效
auto: 此为body工具和textarea的默许值。在必要时剪切内容并增加转动条
hidden: 不显现凌驾工具尺寸的内容
scroll: 老是显现转动条

申明:

检索或设置当工具的内容凌驾其指定高度及宽度时怎样办理内容。
设置textarea工具为hidden值将埋没其转动条。
关于table来讲,假设table-layout属性设置为fixed,则td工具撑持带有默许值为hidden的overflow属性。假如设为hidden,scroll大概auto,那末超越td尺寸的内容将被剪切。假如设为visible,将招致分外的文本溢出到右侧或右边(视direction属性设置而定)的单位格。
自IE5入手下手,此属性在MAC平台上可用。
对应的剧本特征为overflow。
示例:

body{overflow:hidden;}
div{overflow:scroll;height:100px;width:100px;}

text-overflow版本:IE6+专有属性 承继性:无

语法:

text-overflow:clip|ellipsis

参数:

clip: 不显现省略标志(...),而是复杂的裁切
ellipsis: 当工具内文本溢出时显现省略标志(...)

申明:

设置或检索是不是利用一个省略标志(...)标示工具内文本的溢出。
对应的剧本特征为textOverflow。请参阅我编写的其他书目。

示例:

div{text-overflow:clip;}

代码:
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
<title>无题目文档</title>
</head>
<body>
<tablewidth="100%"border="1"cellspacing="2"cellpadding="2"style="table-layout:fixed">
<tr>
<tdwidth="10%">s</td>
<td><divSTYLE="width:60%;overflow:hidden;text-overflow:ellipsis"><nobr>asdfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffdatagoeshere</nobr></div></td>
<tdwidth="30%"></td>
</tr>
<tr>
<td>d</td>
<td><divSTYLE="width:60%;overflow:hidden;text-overflow:ellipsis"><nobr>asdfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffdatagoeshere</nobr></div></td>
<td></td>
</tr>
</table>
</body>
</html>
</p>
不管你用什么工具软件制作网页,都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼,同样内容的网页,有的人做出来有几十KB,而高手做出来只有十几KB。
简单生活 该用户已被删除
沙发
发表于 2015-1-18 06:44:16 | 只看该作者
Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
老尸 该用户已被删除
板凳
发表于 2015-1-22 07:52:09 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
第二个灵魂 该用户已被删除
地板
发表于 2015-1-31 05:02:47 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
愤怒的大鸟 该用户已被删除
5#
发表于 2015-2-6 17:32:38 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
小妖女 该用户已被删除
6#
发表于 2015-2-17 21:07:08 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
小魔女 该用户已被删除
7#
发表于 2015-3-5 23:26:35 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
若天明 该用户已被删除
8#
发表于 2015-3-12 16:36:51 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
灵魂腐蚀 该用户已被删除
9#
发表于 2015-3-20 00:45:36 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2025-1-1 20:24

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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