简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
ホームページ
記事
に質問
コース
特集
ダウンロード
ゲーム
辞書
最近の更新

ホームページ  >  記事  >  ウェブフロントエンド  >  Head First HTML CSS XHTML笔记_html/css_WEB-ITnose

Head First HTML CSS XHTML笔记_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:33:271149ブラウズ

最近フロントエンド関連の本を読んでいて、この入門レベルの優れた本を見つけました

のタイトルとスタイル

インライン要素は

にあります

..)

  • に埋め込まれています

      ; 順序なし

      リストは項目のセットであり、
        要素をグループ化するために使用されます。そのため、
          と
        1. を一緒に使用する必要があります。


          を使用して、リンク先ページの指定された領域にジャンプします
          a.html:


          hihi

          チャイティー


          b.html:


          < a href="a.html#chai">チャイ ティーを見る


          b を開いた後、リンクをクリックしてチャイ ティー エリアに移動しますページ a の



          新しいウィンドウを開き、ターゲット オブジェクトを _blank として追加します


          を参照してくださいChai Tea


          img はインライン要素です

          グラフィックが表示されない場合は、代替テキストが画像を置き換えるのに使用されます
          ページなし

          標準、このページがプロトコルに準拠していることをブラウザーに要求します

          w3c に移動して、Web ページが標準を満たしています


          head は、title、meta、style 要素を配置する唯一の場所です

          inline と text はブロック要素内になければ実行できません

          block 要素は inline 要素に埋め込まれていません

          xhtml は xml

          xhtml の空の要素はすべて /> で終わります

          css

          head では、次のリンクを使用しますCSS ファイルを追加します

          type はタイプです

          rel は関係、つまりスタイルシートです

          p{

          color: red;

          }


          p.greentea{
          color : green;
          }

          ...

          写真を背景として使用する

          background-image: url(images/ background.gif)



          p.specials{}スペシャル クラス

          .specials の段落を選択します。{} スペシャル クラス

          #footer のすべての要素を選択します。{} フッターの ID を持つ任意の要素を選択します

          p#footer{}フッターの ID を持つ

          要素
          複数のスタイル シート、複数のリンクを使用することもできます

          プリンターなど、さまざまなデバイスに複数のスタイル シートを使用することもできます


          divリンクを論理的に分割します

          子孫を選択します

          div h2{}

          #elixirs h2{ }

          は、

          を設定するためのインライン文字と要素のセットを作成するために使用されます

          div は使用できないため、改行が発生します

          リンクもスタイル設定できます

          a.link{ color : green}
          a.visited{}
          a.hover{}

          a.focus{}

          a.active{}

          これは疑似クラス



          フロー、ブロックは上から下、インラインは左から右

          テーブル、上から下、左から右

          概要

          最初の列 ヘッダー

          2 列目
          2 行目



          ;td> 3行目



          liテーブルスタイル設定
          スタイルをカスタマイズすることもできます


          フォーム



          w3c はフレームの使用を推奨しません

          メディア要素<オブジェクト>

          声明：
          この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
          前の記事：2.HTML table_html/css_WEB-ITnose次の記事：2.HTML table_html/css_WEB-ITnose

          関連記事

          続きを見る
          gt;