来一发CSS进门教授教养十四个问与答
在几乎所有的浏览器上都可以使用。15.以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。CSS是CascadingstyleSheets的简称，中文译作“层叠款式表单”，我把它叫作“层叠款式表”，我感应如许顺口一点，没其余意义。实践上它是一组款式。你大概对CSS这个名词对照生疏，实践上不管你用InternetExplorer仍是NetscapeNavigator在网上冲浪，几近随时都在与CSS打交道，在网上没有利用过CSS的网页大概欠好找。不论你用甚么工具软件制造网页，都有在成心偶然地利用CSS。用好CSS能使你的网页加倍简练，为何一样内容的网页，有的人做出来有几十KB，而妙手做出来只要十几KB，CSS在个中的感化是不问可知的。我把我在利用CSS中的一些小履历和一些网友来信发问的成绩收拾出来，供诸位参考。
1、CSS在网页制造中一样平常有三种体例的用法，那末详细在利用时该接纳哪一种用法?
当有多个网页要用到的CSS，接纳外连CSS文件的体例，如许网页的代码年夜年夜削减，修正起来十分便利;只在单个网页中利用的CSS，接纳文档头部体例;只要在一个网页1、两个中央才用到的CSS，接纳行内拔出体例。
2、CSS的三种用法在一个网页中要以混用吗?
三种用法能够混用，且不会形成凌乱。这就是它为何称之为“层叠款式表”的缘故原由，扫瞄器在显现网页时是如许处置的:先反省有无行内拔出式CSS，有就实行了，针对本句的别的CSS就不往管它了;其次反省头部体例的CSS，有就实行了;在前二者都没有的情形下再反省外连文件体例的CSS。因而可看出，三种CSS的实行优先级是:行内拔出式、头部体例、外连文件体例。
3、在Dreamweaver3中怎样使内部文件式CSS?
在Dreamweaver3中利用外连文件式CSS并没有特别请求，一样是用记事本创立一个*.css文件，在网页的与之间加上一句如许的代码:就好了。
4、怎样用Dreamweaver3疾速创立CSS外连式文件?
关于一个初打仗CSS的网页计划职员来说，要用记事之类的编纂器，往创立一个CSS外连式文件是相称坚苦的。因为Dreamweaver3对CSS撑持的很好，用它来匡助就轻松多了。详细能够如许操纵:
1)先在纸上写幸亏网站的网页中大概要用到的格称号，然后在Dreamweaver3的编纂窗中修改CSS面板，一个一个地界说，并在一个空缺页上得当地写一点相干内容，边界说边试用，效果不中意，当即修正;
2)全体界说好后，再用记事本创立一个空的CSS外连式文件，把在与之间的那段界说好的CSS复制到CSS文件中往，就半途而废了。全部历程就是点鼠标，便利吧?123下一页
11、怎样给笔墨加上划线、下划线、删除线和闪灼?
在DW3中CSS的属性界说对话框(styleDefinitionfor.style1)的“Type”上的“decoration”属性界说的就是这些内容，要注重的是闪灼属性有些版本的扫瞄器不撑持，罕用为好。上面是一个界说好上述效果的CSS例子:
<styletype="text/css">
<!--
.style1{text-decoration:underlineoverlineline-throughblink}
-->
</style>
个中:“underline”是界说下划线;“overline”是界说上划线;“line-through”界说的是删除线;“blink”
界说的是笔墨闪灼。
12、怎样使网页具有“首行缩进”功效?
因为DW3输出空格不便利，使用“首行缩进”将填补这个不敷。在DW3中CSS的属性界说对话框(styleDefinitionfor.style1)的“Block”上的“text-indent”属性界说的就是“首行缩进”，所谓“首行”是指每段内容的第一行，也就是间接按回车键就构成了一个新的段落。缩进最好以“em”(字符)为单元，好比:汉字编排请求每段入手下手缩进两个汉字，设置好的CSS以下所示:
<styletype="text/css">
<!--
.style1{text-indent:2em}
-->
</style>
在DW3要注重:在DW3中CSS的属性界说对话框(styleDefinitionfor.style1)的“Block”上的“text-indent”左面的缩进单元选择框中“ems”指的就是“em”。
13、在用表格举行排版时，能使某一偏向上的内容分开表格线一点吗?
能够!在DW3中CSS的属性界说对话框(styleDefinitionfor.style1)的“Box”上的“margin”界说的就是内容分开边沿的间隔，分离可界说四个偏向:“top”“bottom”“left”“right”。上面就是界说在右边分开“10px”的CSS例子代码:
<styletype="text/css">
<!--
.style1{margin:0px0px0px10px}
-->
</style>上一页123下一页
14、能给某部份内容加边框吗?
用CSS能够给某部份内容加边框，在DW3中CSS的属性界说对话框(styleDefinitionfor.style1)的“Border”界说
的就是边框线，“top”“bottom”“left”“right”四边可分离界说线的粗细和色彩，这些界说好后不要健忘鄙人面的
“style”中界说线型，不然将看不边框线，由于默许的线型是“none”。上面是一个界说了上边框为:蓝色细线;右边框
为:绿色中粗线的CSS例子:
<styletype="text/css">
<!--
.style1{border:solid;border-width:thin0px0pxmedium;border-color:#0000FFblackblack#00FF00}
-->
</style>
上一页123</p>
这工具比表格好的唯一就是你可以定义一个ID，想怎么玩它就怎么玩他，表格用来处理显示数据，DIV+css+TABLE就行了，都什么年代了，以前没有DIV，而且386的年代不也一样，现在都奔腾4了 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。 技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。 经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅. Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。 使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。 Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。 还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
页:
[1]