CSS教程之网页制造中常常用到的六则代码技能
学习这篇入门教程之前，请确定你已经具有了一定的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">
<!--
body{color:#333333;font-family:"宋体","Arial";font-size:9pt}
td{color:#333333;font-family:"宋体","Arial";font-size:9pt}
-->
</style>
基础上，设置了body和td的默许字体，就相称于界说了页面内年夜部分笔墨内容。
注重，利用CSS界说好默许字体后，不要再利用如许的标签，这会屏障CSS的默许设置。
五.：相对地点与绝对地点?相对定位与绝对定位?
相对地点：形如http://www.it.com.cn或file://d:/homepage/default.htm如许的地点，就是文件在收集或当地的相对地位;
绝对地点：就是被链接文件绝对与以后页面的地点，好比说，链接和以后页面同级的文件地点只需用“文件名”便可;链接以后页面上级子目次下的文件用“目次名/文件名”;链接以后页面上一级目次下的文件用“../文件名”;链接同级但在别的一个子目次中的文件用“../目次名/文件名”;链接根目次(你的网站的根目次，并不是硬盘根目次)下的文件能够用“./文件名”的情势。实相对和绝对很简单了解的，绝对就是有参照物的，相对则是流动的。为何我们倡始利用绝对地点呢?打个例如说吧，假如你有一个index.htm，内里援用了images目次的一些图片，假如利用了绝对地点，搬场的时分只需把本来这套器材全体上传到新的空间就好了，由于文件相互之间的绝对地位干系没有改动，以是这些地点仍旧是无效的。但假如拔出图片的时分利用了相对地点，那空间地点一变，援用处的图片路径也要随之改动。固然，偶然也会用到相对地点，比方友谊链接他人的主页等等。
绝对定位也是一样，假如是相对一个单位格定位的层，单位格移动到哪儿，层也就会到哪儿.用辩证的概念来看，实在相对定位也是绝对的，它和我们所说的绝对定位的区分就在于，层的相对定位是相对扫瞄器的右边界和上界限而言，而层的绝对定位是层相对它的载体(表格或别的的层)而言~~
六.：怎样作废链接的下划线?
用CSS来完成：
<styletype="text/css">
<!--
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:none}
-->
</style>
个中a:link暗示一样平常的链接款式;a:visited暗示已会见过的链接款式;a:hover暗示鼠标经由时的链接款式。text-decoration:none暗示无下划线，text-decoration:underline暗示有下划线。
假如三种链接形态的款式不异，也能够简化为：
<styletype="text/css">
<!--
a{text-decoration:none}
-->
</style>
</p>
你可以轻松地控制页面的布局。 Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。 Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。 俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。 dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。 Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。 时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上 只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。 使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
页:
[1]