コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML5 のスタイルとリスト、CSS の 4 つの状態 links_html/css_WEB-ITnose

HTML5 のスタイルとリスト、CSS の 4 つの状態 links_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 11:32:58
オリジナル
1744 人が閲覧しました

1. HTML5 スタイル

1. タグ:

(3) インラインスタイルシート:

タグ内に直接記述します。例:

XXX

2 番目の HTML5 リスト

タグ

説明

    順序付きリスト
    < li>
    1. 注文なしリスト: 2. 順序付きリスト:
    順序なしリスト
    リスト項目
    カスタマイズされたリスト
    カスタムリスト項目
    説明
    使用タグ:
      、
    		**Ifリストの前のドットを削除したい場合は、CSS スタイル: list-style-type: none**

    タグを使用:

      、
    1. ;属性 (タイプ): A、a、I、i、start

      3. カスタマイズされたリスト:

      使用タグ:

      、
      、
      ( は < dt>、
      はダイアログを示します)

      3. CSS リンク 4 つの状態

      通常、 タグはリンクを表すために使用されます。ジャンプアドレス。 は自身へのジャンプを表します

      リンクには次の 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>
      ログイン後にコピー

      効果:

      さらに、 属性もあり、リンクを開く場所を指定するために使用されます:

      (1) target="_blank" :前のページはまだ存在します。新しいページで開きます

      (2)target= "_self":現在のページで開く

      (3)target="_parent":親スペースで開く

      (4)target= "_top":トップページで開く

      (3)(4 )       タグを使用した効果です

      ** には name 属性もあり、name 属性でアンカー (アンカー) 名を指定します。 name 属性を使用して HTML ページにブックマークを作成できます。名前は id に置き換えることができます。

    関連ラベル：
    HTML5样式和列表、CSS链接的四种状态
    ソース：php.cn
    前の記事：Sass 関数 カラー関数 不透明度 function_html/css_WEB-ITnose 次の記事：div+css はテキストを画像上に配置する必要があり、画像サイズは固定_html/css_WEB-ITnose
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    著者別の最新記事
    最新の問題
    function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
    から 2024-04-29 11:01:01
    0
    3
    2207
    Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
    から 2024-04-23 00:22:19
    0
    11
    2359
    子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
    から 2024-04-19 15:37:47
    0
    1
    1973
    親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
    から 2024-04-18 23:52:34
    0
    1
    1858
    CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
    から 2024-04-16 10:10:18
    0
    0
    1923
    関連トピック
    詳細>
    人気のおすすめ
    人気のチュートリアル
    詳細>
    関連するチュートリアル
    人気のおすすめ
    最新のコース
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート