ホームページ >ウェブフロントエンド >htmlチュートリアル >Head First HTML CSS XHTML笔记_html/css_WEB-ITnose
最近フロントエンド関連の本を読んでいて、この入門レベルの優れた本を見つけました
のタイトルとスタイル インライン要素は
にあります
..)に埋め込まれています ; 順序なし リストは項目のセットであり、
要素をグループ化するために使用されます。そのため、
と
- を一緒に使用する必要があります。
を使用して、リンク先ページの指定された領域にジャンプします
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 h2{}
divリンクを論理的に分割します
子孫を選択します#elixirs h2{ }
は、
を設定するためのインライン文字と要素のセットを作成するために使用されます
div は使用できないため、改行が発生します
リンクもスタイル設定できますa.link{ color : green}
a.focus{}
a.visited{}
a.hover{}a.active{}
これは疑似クラス
フロー、ブロックは上から下、インラインは左から右
テーブル、上から下、左から右概要
最初の列 ヘッダー
2 列目
2 行目
gt;
;td> 3行目
td>
liテーブルスタイル設定
スタイルをカスタマイズすることもできます
フォーム
w3c はフレームの使用を推奨しません
メディア要素<オブジェクト>
声明:この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。