CSS CSS テキストの基本的な装飾方法 レイアウトとフォントサイズの指定方法 今回は、CSSの基本ともいうべき、「テキストの装飾とレイアウト」、「フォントサイズ」について見ていきましょう。 基本と言ってもそれぞれが意外と深いものになります。 なるべく沢山の例題に触れて、様々な角度から記述出来るよ... 2022.03.19 CSS
CSS HTMLとCSSでサイトを作ろう 第2回 mainとfooterにCSSを指定する 今回はサイトのメインとなる部分を作成していきます。 あまり細かい指定は行わずに、全体のバランスを考えてレイアウトをしていきましょう。 前回は「header」の設定についてご説明させて頂いております。 まだ... 2022.03.18 CSS
CSS HTMLとCSSでサイトを作ろう 第1回 headerにCSSを指定する方法 今回は、以下の記事で作成したHTMLのサイトをCSSを使って全体のレイアウトを調整していきます。 あまり難しいレイアウトを使用しなくても、見栄えの良いサイトが出来ることを、ぜひ一緒に体験してみてください。 ... 2022.03.17 CSS
CSS CSS 画像サイズの調整方法 max-width と object-fit の使い方 今回は「画像サイズの調整方法」についてご紹介させて頂きます。 サイトに画像を挿入することは、サイト制作の上で必須の事項ですが、レイアウトが複雑になると意図した通りに画像が挿入されていないことがよく起こります。 解決方法... 2022.03.16 CSS
CSS CSS テキストの向きの変更とオーバーフローを理解しよう 今回は、「テキストの向きの変更」と「オーバーフロー」についてご紹介させて頂きます。 どちらもサイトのレイアウトと密接に関係する項目ですので、しっかりと基本を理解していきましょう。 書き込みモード ... 2022.03.15 CSS
CSS 背景と背景画像の指定方法 ボーダーの設定方法を理解しよう 今回はサイトをデザインする上でも重要な要素の一つである「背景」と「ボーダー」についてご紹介させて頂きます。 どちらも基本の形は難しくないのですが、関連するプロパティが沢山あるので、初めて学習される方が混乱しやすい項目になって... 2022.03.14 CSS
CSS CSS ボックスモデルを分かりやすく理解する 迷わない margin と padding 今回はCSSの「ボックスモデル」についてご紹介させて頂きます。 CSSの基本的な概念として、「ボックス」というものがあります。 これは、言葉通り、h1やp、aやspanを一つの塊、「ボックス」として捉えているということ... 2022.03.13 CSS
CSS CSS セレクタ 一覧表 擬似クラスと疑似要素 結合子の解説 今回は「セレクタ」について見ていきます。 基本的な使い方はそれほど難しくはありません。 擬似クラスや疑似要素、結合子は一度実際に記述してみれば、どのような仕組みになっているのか理解できると思います。 但し... 2022.03.12 CSS
CSS CSS カスケードと詳細度 そして継承を理解しよう 今回は、「カスケードと詳細度、そして継承」についてご説明させて頂きます。 「カスケードと詳細度」については、CSSの構造と書き方でもご説明させて頂いておりますので、合わせてご参照ください。 ... 2022.03.11 CSS
CSS 初めてのCSS 基本的な書き方とHTMLとの連携方法 今回から「CSS」についてご紹介させて頂きます。 CSSはHTML以上に奥が深いので、そのすべてを説明するのは不可能なのですが、ここではこれからCSSを学んで行こうとする方が、最低限知っておくべき内容に絞ってご紹介させて頂き... 2022.03.10 CSS