CSS教程之网页制造中常常用到的六则代码技能

只看该作者 · 发表于 2015-1-16 00:13:14

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

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

x

学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。
一.：表格内的笔墨不会主动换行，怎样办?
　　有两种大概的情形：
　　第一种，你用CSS把表格内笔墨的字体设置成了英笔墨体，如许在DW里表格内的笔墨不会主动换行，但这仅是DW里的显现效果，在IE里实际上是能够一般换行的。假如但愿在DW的编纂形态也能使笔墨主动换行，把表格内笔墨的字体设置为中笔墨体便可(比方“宋体”)。
　　第二种，你在表格中输出了连串无空格的英文或数字，它们被IE辨认为一个完全的单词，以是不会主动换行，碰到这类情形，你能够经由过程CSS把笔墨强行打散，比方：
<tdstyle="word-break:break-all">……</td>
　　二.：怎样才干让层飘在Flash下面?
　　在网页里把SWF文件设置为背景通明便可，详细做法：
　　DW中，在SWF文件的属性面板中，点parameters，增加参数wmode，值选择transparent;大概间接修正网页的代码，在标记SWF文件属性的代码中增加：

<paramname="wmode"value="transparent">

　　注重，这类效果只要IE撑持。
　　三.：背景音乐由于页面的切换而没法一连播放，怎样让它一连播放?
　　用分帧完成，把个中一个frame的显现高度(或宽度)界说为0，在个中设置背景音乐，别的一个frame内的页面切换不影响全部背景音乐的播放。
　　例子：

<html>
<head>
<title>框架页</title>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
</head>
<framesetrows="0,*"frameborder="NO"border="0"framespacing="0">
<framename="topFrame"scrolling="NO"noresizesrc="bgsound.htm">
<framename="mainFrame"src="main.htm">
</frameset>
<noframes>
<bodybgcolor="#FFFFFF"text="#000000">
对不起，你的扫瞄器不撑持框架的显现。
</body>
</noframes>
</html>
　　四.：改动IE的字体巨细设置时，页面字体不产生改动，如何完成?
　　用CSS界说页面字体，比方：

<styletype="text/css">

</style>
　　基础上，设置了body和td的默许字体，就相称于界说了页面内年夜部分笔墨内容。
　　注重，利用CSS界说好默许字体后，不要再利用如许的标签，这会屏障CSS的默许设置。
　　五.：相对地点与绝对地点?相对定位与绝对定位?
　　相对地点：形如http://www.it.com.cn或file://d:/homepage/default.htm如许的地点，就是文件在收集或当地的相对地位;
　　绝对地点：就是被链接文件绝对与以后页面的地点，好比说，链接和以后页面同级的文件地点只需用“文件名”便可;链接以后页面上级子目次下的文件用“目次名/文件名”;链接以后页面上一级目次下的文件用“../文件名”;链接同级但在别的一个子目次中的文件用“../目次名/文件名”;链接根目次(你的网站的根目次，并不是硬盘根目次)下的文件能够用“./文件名”的情势。实相对和绝对很简单了解的，绝对就是有参照物的，相对则是流动的。为何我们倡始利用绝对地点呢?打个例如说吧，假如你有一个index.htm，内里援用了images目次的一些图片，假如利用了绝对地点，搬场的时分只需把本来这套器材全体上传到新的空间就好了，由于文件相互之间的绝对地位干系没有改动，以是这些地点仍旧是无效的。但假如拔出图片的时分利用了相对地点，那空间地点一变，援用处的图片路径也要随之改动。固然，偶然也会用到相对地点，比方友谊链接他人的主页等等。
　　绝对定位也是一样，假如是相对一个单位格定位的层，单位格移动到哪儿，层也就会到哪儿.用辩证的概念来看，实在相对定位也是绝对的，它和我们所说的绝对定位的区分就在于，层的相对定位是相对扫瞄器的右边界和上界限而言，而层的绝对定位是层相对它的载体(表格或别的的层)而言~~
　　六.：怎样作废链接的下划线?
　　用CSS来完成：

<styletype="text/css">

</style>
　　个中a:link暗示一样平常的链接款式;a:visited暗示已会见过的链接款式;a:hover暗示鼠标经由时的链接款式。text-decoration:none暗示无下划线，text-decoration:underline暗示有下划线。
　　假如三种链接形态的款式不异，也能够简化为：

<styletype="text/css">

</style>
</p>
你可以轻松地控制页面的布局。

只看该作者 · 发表于 2015-1-18 05:40:01

Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

只看该作者 · 发表于 2015-1-25 17:09:37

Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

只看该作者 · 发表于 2015-2-3 12:14:36

俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。

只看该作者 · 发表于 2015-2-8 22:49:11

dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

只看该作者 · 发表于 2015-2-26 13:52:07

Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

只看该作者 · 发表于 2015-3-8 15:35:49

时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上

只看该作者 · 发表于 2015-3-16 05:17:35

只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。

只看该作者 · 发表于 2015-3-22 20:44:39

使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] CSS教程之网页制造中常常用到的六则代码技能

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

相关帖子

浏览过的版块