ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML5 のスタイルとリスト、CSS の 4 つの状態 links_html/css_WEB-ITnose
HTML5 のスタイルとリスト、CSS の 4 つの状態 links_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:32:581738ブラウズ
1. HTML5 スタイル
1. タグ:
c9ccee2e6ea535a969eb3f532ad9fe89
ドキュメントタイプの導入
3 つのスタイルシートの挿入。メソッド:
(1) 外部スタイルシート:
93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 に記述:
b1e7092a1f10993a9af0200734e2a12b //hrefタグで導入したドキュメントのアドレス
(2) 内部スタイルシート:
< ;head>9c3bca370b5104690d9ef395f2c5f8d1に記述する:
080b747a20f9163200dd0a7d304ba388 ;//これはスタイルを記述するために使用されます531ac245ce3e4fe3d50054a55f265927
(3) インラインスタイルシート:
タグ内に直接記述します。例:
6461c6dfca0a6eeeab98debb3c9d2399XXX0cba36f12cf561cef14ffa62bcdafa2c
2 番目の HTML5 リスト
タグ
説明
| 順序なしリスト | |
| リスト項目 | |
| カスタムリスト項目 | |
| 説明 | |
| 使用タグ: ff6d136ddc5fdfeffaf53ff6ee95f185、9f77d568dfb5babe6ef68cb304a169ca、25edfb22a4f469ecb59f1190150159c6;属性 (タイプ): A、a、I、i、start 3. カスタマイズされたリスト: 使用タグ: 5c69336ffbc20d23018e48b396cdd57a、73de882deff7a050a357292d0a1fca94、67bc4f89d416b0b8236eaa5f43dee742 (a38fd2622755924ad24c0fc5f0b4d412 は fab85fc546d76cca9db3f11748424162、67bc4f89d416b0b8236eaa5f43dee742 はダイアログを示します)
3. CSS リンク 4 つの状態 通常、636654dfd22a5d327d35409d476e7a93 は自身へのジャンプを表します リンクには次の 4 つの状態があります: 1. a: link 通常の未訪問のリンク 2. a: 訪問したリンクが訪問しました 3. a: hover マウスポインタがリンクの上にあります 4. a: active リンクがクリックされた瞬間 例:
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>CSS链接状态</title> 6 <style type="text/css"> 7 a:link,a:visited{ 8 color:#609; 9 text-decoration:none; //去掉下划线10 }11 a:hover,a:active{ 12 color:#C00;13 text-decoration:underline;14 }15 </style>16 </head>17 18 <body>19 <a href="http://www.baidu.com">百度一下，你就知道！</a><br />20 <a href="http://www.jikexueyuan.com">学知识就到极客学院！</a>21 </body>22 </html> 効果: さらに、3499910bf9dac5ae3c52d5ede7383485 b4bef09dd2761803871f1d83e55d08b2 属性もあり、リンクを開く場所を指定するために使用されます: (1) target="_blank" :前のページはまだ存在します。新しいページで開きます (2)target= "_self":現在のページで開く (3)target="_parent":親スペースで開く
**3499910bf9dac5ae3c52d5ede7383485 には name 属性もあり、name 属性でアンカー (アンカー) 名を指定します。 name 属性を使用して HTML ページにブックマークを作成できます。名前は id に置き換えることができます。 |
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。