程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> JAVA編程 >> JAVA綜合教程 >> HTML+CSS Day06 超鏈接的樣式與搭配,cssday06

HTML+CSS Day06 超鏈接的樣式與搭配,cssday06

編輯:JAVA綜合教程

HTML+CSS Day06 超鏈接的樣式與搭配,cssday06


1.格式

  a:link    {}  普通的、未被訪問的鏈接

  a:visited {}   用戶已訪問的鏈接

  a:hover  {}  鼠標指針位於鏈接的上方

   a:active{}  鏈接被點擊的時刻

2.常用內嵌屬性

  color

  text-decoration

  background-color

  font-family

  padding-top

  padding-right

  padding-bottom

    padding-left

  例1:

 1 <html>
 2     <head>
 3         <title>教育培訓</title>
 4         <style type="text/css">
 5             h2{font-weight:normal;}
 6             p{margin:0px;padding:0px;font-size:16px;}
 7             p{margin-bottom:3px;}
 8             body{margin-left:15px;}
 9             p a:link{color:blue;}
10             p a:visited{color:blue;}
11             #p1 a{text-decoration:none;color:#666;}
12             #p1 a:hover{text-decoration:underline;}
13             #p1 span,#p1 span a{color:green;}
14             #p1 span a:hover{text-decoration:none;}
15             span{color:red;}
16             #p1{margin-bottom:20px;}
17             .class1{font-size:12px;}
18             
19         </style>
20     </head>
21     <body>
22         <h2>百度搜索結果頁</h2>
23         <p><a href="http://www.cdrtvu.com.cn/" target="block"><span>教育培訓</span>,招生進行中,嚴格執行三必須政策|網絡教育</a></p>
24         <p class="class1"><span>教育培訓</span>電大,嚴格執行三必須政策,招生進行中。成都廣播電視大學創辦於1979年,是教育部批准獨立設置的成教高等學校。
25         </p>
26         <p id="p1" class="class1"><span><a href="#">www.cdrtvu.com.cn</a> 2016-03</span> - <a href="#">推廣</a> - <a href="#">評價</a></p>
27         
28         <p ><a href="#">品牌<span>教育培訓機構</span> 快速提分 首選卓越教育</a></p>
29         <p class="class1">成都<span>教育培訓</span>18年成功教學+300名優質名師+50項實力認證,3個月可提高50到80分!成都<span>教育培訓</span>補習,萬千家長推薦認可品牌,價格合理,教學過硬,趕緊來預約吧!
30         </p>
31         <p id="p1" class="class1"><span><a href="#">cd.zy.com</a> 2016-03</span> - <a href="#">推廣</a> - <a href="#">評價</a></p>
32         
33         <p><a href="#">四川<span>教育培訓</span>加盟,教育加盟好項目,低風險,保盈利安全可回購。</a></p>
34         <p class="class1">四川<span>教育培訓</span>加盟,投資安全可回購,全國多家加盟店全部盈利 8大全方位扶持助您輕松當校長四川教育培訓加盟,標准化體系保障,一站式全程服務,360度運營支持。
35         </p>
36         <p id="p1" class="class1"><span><a href="#">bd.bj-guomao.com</a> 2016-03</span> -<a href="#"> 推廣</a> - <a href="#">評價</a></p>
37         
38         <p><a href="#"><span>教育培訓</span>--中國少兒口才考級2016招募分點</a></p>
39         <p class="class1">權威部門扛鼎!!全國青少兒普通話與口才培訓考級項目2016全新上線。
40         </p>
41         <p id="p1" class="class1"><span><a href="#">zs.91pth.com</a> 2016-03</span> - <a href="#">推廣</a> - <a href="#">評價</a></p>
42         
43         <p><a href="#"><span>教育培訓</span>,<span>教育培訓</span>低投入,網點遍布全國</a></p>
44         <p class="class1">熱點: <span>教育培訓</span>優勢: 網點遍布全國 | 解決後顧之憂 | 7大保障<span>教育培訓</span>全國知名品牌,免費領取內部加盟指南。教育培訓,7年教學經驗,網點遍布全..
45         </p>
46         <p class="class1"><span>教育培訓</span>機構招商<span>教育培訓</span>學校加盟教育培訓加盟<span>教育培訓</span>機構加盟</p>
47         <p id="p1" class="class1"><span><a href="#">www.51eduol.com</a> 2016-03</span> - <a href="#">推廣</a> - <a href="#">評價</a></p>
48     </body>
49 </html>

  例2:

 1 <html>
 2     <head>
 3         <title>搜狐教育頻道內容頁</title>
 4         <style type="text/css">
 5         body{background-color:#efefef;}
 6             h2{font-weight:normal;margin-left:40px;}
 7             p{font-size:14px;}
 8             p span{color:blue;}
 9             p a span #p1{color:green;}
10             p a:link{text-decoration:none;}
11             #p1,.p2{font-size:18px;color:green;}
12             #p1{color:black;font-weight:bold;}
13             .p3{color:#3C9DD0;}
14             #p4{color:#999;}
15         </style>
16     </head>
17     <body>
18         <h2>搜狐教育頻道內容頁</h2>
19         <p><a href="#" id="p1">搜狐<span class="p2">教育</span></a>&gt <a href="#" class="p3">教育新聞</a>&gt <a href="#" class="p3">教育動態</a></p>
20         <hr size="4px" color="green"/>
21         <h2 align="center"><strong>南京一腦力培訓機構稱8天等於12年 學費12800元</strong></h2>
22         <p id="p4">&nbsp;&nbsp2012年07月31日07:19來源: <span class="p3">龍虎網-金陵晚報</span></p>
23         <p><strong>&nbsp;&nbsp“天價”學費 8天12800元</strong></p>
24         <p>&nbsp;&nbsp家長質疑價錢和效果能否成正比培訓機構稱:孩子教育無法用金錢衡量 物價部門表示:選擇判斷需謹慎</p>
25         <p><strong>&nbsp;&nbsp今日聚焦</strong></p>
26         <p>&nbsp;&nbsp“8天,12800元的學費。對於家長來說不是個小數目,是不是真的對孩子學習有幫助?”近日,市民楊先生
27         向金陵晚報熱線反映,原本想給孩子報名一家為“新周知教育集團”的腦力培訓機構,但是其堪稱“天價”的收
28         費讓他有些進退兩難。“這家機構在廣告上宣傳的"8天等於12年,讓孩子成績飛起來"這樣的宣傳標語,作為
29         家長肯定會心動。”楊先生說,更在乎的還是效果。為此,金陵晚報記者也不禁好奇,到底是怎樣的培訓效果
30         才會有如此高的收費?(陳丹朱麗娟)</p>
31         <p><strong>8天一萬多有用嗎</strong></p>
32         <p>&nbsp;&nbsp“這樣高價格的培訓不禁讓人咋舌。”楊先生告訴記者,6月中旬,他在報紙上看到了一家名為“新周知教
33         育(國際)特訓班”科學記憶法的廣告。該機構在廣告中宣稱,“通過訓練的大腦2天可記憶1000個英語單詞,
34         8天時間就讓孩子成績飛起來”。同時廣告中還表示,該培訓班由“世界記憶大師教練講師團專家組,傳授國
35         際腦力教育前沿成果及快速記憶方法”。短短的8天時間,難道真能達到這麼神奇的效果?禁不住廣告的誘惑,
36         楊先生給“新周知”打去了電話。</p>
37         <p>&nbsp;&nbsp“我打電話過去問了一下,他們告訴我是8天的封閉式集訓,通過科學的記憶方法幫助孩子提高成績,總
38         費用加起來一共是12800元,還說讓我可以先去觀摩會看看。”楊先生說。“我去觀摩會看了下,感覺效果還挺
39         好的,就想給自己的小孩報名。可是他們8天就要收1萬多元錢,我覺得有點貴了。”面對天價收費,楊先生
40         提出了質疑。“萬一8天培訓之後,孩子的成績沒有提高呢?到時候我又該找誰?”楊先生不免有些擔憂。</p>
41         <p><strong>孩子的教育無法用金錢衡量</strong></p>
42         <p>&nbsp;&nbsp7月25日下午,金陵晚報記者以幫孩子報名參加培訓為由,撥通了“新周知教育”腦力培訓機構的電話。
43         記者表示自己的孩子是小升初,想咨詢一下“新周知特訓營”的相關情況。接電話的男性工作人員表示,現
44         在小學階段的孩子已經有十幾個人報名了,分為3個班,每個班大概有五六個人,分別由相應的生活老師
45         和培訓老師負責。</p>
46     </body>
47 </html>

 

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved