当前位置：首页 -> 网页设计 -> DREAMWEAVER -> 应用CSS样式表技巧两则

应用CSS样式表技巧两则

时间： 2021-07-31 作者：daque

一、去除超等链接的下划线以及在超等链接上实行鼠标悬停变色：　　在默许情景下，用dreamweaver安排的网页中的超等链接都有下划线，看上去不大场面。要去除那些腻烦的下划线,很多报章杂志引见的本领都是在html源代码中细工介入一段代码，本来在dreamweave中很简单去除链接的下划线。开始在dreamweaver的document windows中随意创造一个链接，你不妨看到这个链接会有下划线。还好吗去除这条下划线呢？　　1.在点击菜单栏上的"text"|"css styles"| "edit style sheet…"(大概径直按赶快键ctrl+shift+e),调出edit style sheet（编纂款式表）对话框窗口。　　2.点击"new (兴建)"，而后在"new style （新款式）"对话框中，点击"use css selector"按钮。　　3.在selector栏中键入a, 而后点ok。　　4.随后弹出"css 款式设置"对话框，在type类的decoration(化妆)中，勾选none，而后点ok，再点done。你将连忙在document windows中创造链接的下划线仍旧消逝了。那么又还好吗实行当鼠标悬停在链接上时链接变色呢？反复上述办法中的的第一、第二步。而后点选selector旁的下拉箭镞，采用"a:hover",再点ok。在随后弹出的 "style definition for a: hover"对话框中，在type类的color中大肆采用一种脸色（比方采用赤色），而后点ok，再点done便实行了。按f12预览，将鼠标放在链接上，该链接是否形成了赤色？即使在方才的"style definition for a: hover"对话框中，在backgroud（后台）类里，采用backgroud的脸色为绿色，那么当你把鼠标放在超等链接上时，不只链接会形成赤色，并且还会有绿色的后台。究竟上，经过方才的css 款式设置对话框，你还不妨实行更多的特出功效，有爱好的伙伴无妨去好好商量一下。二、创造可重复运用的外部css款式表　　用dreamweaver在某网页中创造了一种css款式后，即使你要在其余的网页中运用该款式，你不用从新创造该css款式，只有你创造了外部css款式表文献（external css style sheet），你便不妨在此后大肆挪用该款式表文献中的款式。为了便于处置，先在站点地方文献夹中，兴建一个文献夹，取名为css，特意用来安置外部款式表文献（其扩充名为css）。　　1、在document window中按ctrl+shift+e，调出edit style sheet（编纂款式表）对话框窗口　　2、点击"link"。　　3、在弹出的link external style sheet(链接外部款式表)对话框，点browse，找到方才创造的css文献夹。　　4、在select stylesheet file (采用款式表文献)窗口"文献名"栏中，键入*.css (*不妨为大肆名)，请提防，究竟上此时在css文献夹中并无款式表文献，在"文献名"栏中键入的新名字将变成外部款式表新文献的名字。比方键入title.css，,而后点select | ok。　　5、在edit style sheet（编纂款式表）对话框窗口中，会新减少 title.css (link), 双击它。　　6、在弹出的"title.css"窗口中，点"new"。　　7、在"new style"对话框中，点选"make custom style (class)"按钮　　8、在name栏中键入某个名字，如myheadline,点ok。　　9、在接下来的"style definition for .myheadline in title.css"对话框中，举行字体、脸色等百般树立，实行后点ok。如还要创造新的款式，再点"new",反复方才的办法6、7、8、9，结果点"save"| "done",所以title.css这个外部款式表文献便创造好了。菜单栏上的"text" |"css styles"子菜单中将会列出title.css中的一切款式。如要在其余网页中挪用这个title.css，只需反复上述1至3步，而后在select stylesheet file窗口"文献名"栏中输出title.css。点"select"| "ok"| "done", title.css中一切的款式便会出此刻该网页菜单栏上的"text" |"css styles"子菜单中，你将不妨在此网页中运用那些款式。

应用CSS样式表技巧两则

相关推荐

推荐下载

热门阅览

最新排行