仓酷云

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

[DIV+CSS] 来一发CSS进门教授教养十四个问与答

[复制链接]
因胸联盟 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:22:31 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
在几乎所有的浏览器上都可以使用。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了
若相依 该用户已被删除
沙发
发表于 2015-1-18 06:29:31 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
只想知道 该用户已被删除
板凳
发表于 2015-1-25 22:37:16 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
第二个灵魂 该用户已被删除
地板
发表于 2015-2-4 12:46:09 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
分手快乐 该用户已被删除
5#
发表于 2015-2-9 22:39:31 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
谁可相欹 该用户已被删除
6#
发表于 2015-2-28 03:13:44 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
透明 该用户已被删除
7#
发表于 2015-3-9 20:19:24 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
小魔女 该用户已被删除
8#
发表于 2015-3-17 01:10:12 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
灵魂腐蚀 该用户已被删除
9#
发表于 2015-3-23 15:32:34 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-5-10 21:32

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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