|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。
1、往除超等链接的下划线和在超等链接上完成鼠标悬停变色:
在默许情形下,用Dreamweaver计划的网页中的超等链接都有下划线,看上往不年夜美妙。要往除这些厌恶的下划线,良多报刊先容的办法都是在HTML源代码中手工到场一段代码,实在在DreamWeave中很简单往除链接的下划线。起首在DreamWeaver的DocumentWindows中任意创建一个链接,你能够看到这个链接会有下划线。如何往除这条下划线呢?
1.在点击菜单栏上的"Text"|"CSSStyles"|"EditStyleSheet…"(大概间接按快速键Ctrl+shift+E),修改EditStyleSheet(编纂款式表)对话框窗口。
2.点击"New(新建)",然后在"NewStyle(新款式)"对话框中,点击"UseCSSSelector"按钮。
3.在Selector栏中键进a,然后点OK。
4.随后弹出"CSS款式界说"对话框,在Type类的decoration(粉饰)中,勾选none,然后点OK,再点Done。你将立即在DocumentWindows中发明链接的下划线已消散了。那末又如何完成当鼠标悬停在链接上时链接变色呢?反复上述步骤中的的第1、第二步。然后点选Selector旁的下拉箭头,选择"a:hover",再点OK。在随后弹出的"Styledefinitionfora:hover"对话框中,在Type类的color中恣意选择一种色彩(好比选择白色),然后点OK,再点Done便完成了。按F12预览,将鼠标放在链接上,该链接是否是酿成了白色?假如在方才的"Styledefinitionfora:hover"对话框中,在Backgroud(背景)类里,选择backgroud的色彩为绿色,那末当你把鼠标放在超等链接上时,不仅链接会酿成白色,并且还会有绿色的背景。现实上,经由过程方才的CSS款式界说对话框,你还能够完成更多的特别效果,有乐趣的伴侣无妨往好好揣摩一下。
2、创立可重复利用的内部CSS款式表
用DreamWeaver在某网页中创立了一种CSS款式后,假如你要在别的的网页中使用该款式,你不用重新创立该CSS款式,只需你创立了内部CSS款式表文件(externalCSSstylesheet),你即可以在从此恣意挪用该款式表文件中的款式。为了便于办理,先在站点地点文件夹中,新建一个文件夹,取名为CSS,专门用于安排内部款式表文件(其扩大名为css)。
1、在DocumentWindow中按Ctrl+shift+E,修改EditStyleSheet(编纂款式表)对话框窗口
2、点击"link"。
3、在弹出的LinkExternalStyleSheet(链接内部款式表)对话框,点BROWSE,找到方才创立的CSS文件夹。
4、在SelectStylesheetFile(选择款式表文件)窗口"文件名"栏中,键进*.css(*能够为恣意名),请注重,现实上此时在CSS文件夹中并没有款式表文件,在"文件名"栏中键进的新名字将成为内部款式表新文件的名字。好比键进title.css,,然后点Select|OK。
5、在EditStyleSheet(编纂款式表)对话框窗口中,会新增添title.css(link),双击它。
6、在弹出的"title.css"窗口中,点"New"。
7、在"NewStyle"对话框中,点选"MakeCustomStyle(class)"按钮
8、在Name栏中键进某个名字,如myheadline,点OK。
9、在接上去的"Styledefinitionfor.myheadlineintitle.css"对话框中,举行字体、色彩等各类设置,完成后点OK。如还要创立新的款式,再点"New",反复方才的步骤6、7、8、9,最初点"save"|"done",因而title.css这个内部款式表文件便创立好了。菜单栏上的"TEXT"|"CSSStyles"子菜单中将会列出title.css中的一切款式。如要在其他网页中挪用这个title.css,只需反复上述1至3步,然后在SelectStylesheetFile窗口"文件名"栏中输出title.css。点"select"|"ok"|"done",title.css中一切的款式便会呈现在该网页菜单栏上的"Text"|"CSSStyles"子菜单中,你将能够在此网页中使用这些款式
</p>
那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处? |
|