改訂新版 HTML&CSSデザインレシピ集

構成数 : 1枚

Chapter 1HTML/CSSの基礎
001HTMLの基礎知識
002Webサイトを構成するファイル
003CSSの基礎知識
004セレクタについて知りたい
005プロパティと値の基本を知りたい
006ボックスモデルについて知りたい
007CSSが適用される順序を知りたい
008CSSのネスト記法について知りたい
009カスタムプロパティ(変数)を利用したい
010ブラウザの開発ツールを使いたい
011すべてのページに共通するHTML
012ページのタイトルと概要を設定したい
013CSSファイルを読み込みたい
014CSSをHTMLに直接書きたい
015CSSをタグに直接書きたい
016JavaScriptファイルを読み込みたい
017JavaScriptをHTMLに直接書きたい
018HTMLにコメントを残したい
019CSSにコメントを残したい

Chapter 2テキスト表示・整形の基本テクニック
020見出しと段落のタグについて知りたい
021箇条書きタグについて知りたい
022コンテンツをグループ化するタグを知りたい
023テキストの一部を囲み、修飾するタグを使いたい
024「項目」と「関連する値」をまとめたい
025HTMLで使用できない記号を表示したい
026テキスト色を変えたい
027半透明なテキスト色を指定したい
028要素ごとにフォントサイズを指定したい
029フォントサイズを相対的に指定したい
030行間を広くしたい・狭くしたい
031段落のテキストを太字にしたい
032イタリックの要素を通常のテキストにしたい
033テキストの行揃えを変更したい
034テキストに字消し線を引きたい
035字消し線のスタイルを設定したい
036好きな色のマーカーをつけたい
037段落の前後のスペースをなくしたい
038段落ごとに字下げ(インデント)したい
0391 文字目だけ大きくしたい
0401 行目だけスタイルを変えたい
041テキストの前後に記号を挿入したい
042箇条書きのマークをなくしたい
043箇条書きのナンバリングを変更したい
044箇条書きのマークを絵文字にしたい
045説明リストのレイアウトを変えたい

Chapter 3リンクとメディアの基本テクニック
046ほかのページにリンクしたい
047リンク先を別タブで開くようにしたい
048ページ内リンクを設定したい
049ページ内リンクの移動先のスタイルを変えたい
050ページ内リンクの移動先までスクロールさせたい
051電話番号をリンクにしたい
052PDFファイルをダウンロード可能にしたい
053ボックスにリンクを設定したい
054リンクテキストのスタイルを設定したい
055リンクのテキスト色を地のテキスト色と同じにしたい
056ホバー時にテキストを半透明にしたい
057リンクの下線のスタイルを変更したい
058画像を表示したい
059実サイズとは異なるサイズで画像を表示したい
060画像を伸縮可能にしたい
061base64のデータで画像を表示したい
062SVG形式の画像ファイルを表示したい
063SVGのデータを直接埋め込みたい
064アニメーション画像を表示したい
065画像にリンクをつけたい
066画像に遅延読み込みの設定をしたい
067動画を表示したい
068動画を自動・ループ再生したい
069音声を再生したい

Chapter 4ページ全体に適用するデザインのテクニック
070ウィンドウ外周のマージンをなくしたい
071ページ全<...