CSS

CSS

CSS テキストの基本的な装飾方法 レイアウトとフォントサイズの指定方法

今回は、CSSの基本ともいうべき、「テキストの装飾とレイアウト」、「フォントサイズ」について見ていきましょう。 基本と言ってもそれぞれが意外と深いものになります。 なるべく沢山の例題に触れて、様々な角度から記述出来るよ...
CSS

HTMLとCSSでサイトを作ろう 第2回 mainとfooterにCSSを指定する

今回はサイトのメインとなる部分を作成していきます。 あまり細かい指定は行わずに、全体のバランスを考えてレイアウトをしていきましょう。 前回は「header」の設定についてご説明させて頂いております。 まだ...
CSS

HTMLとCSSでサイトを作ろう 第1回 headerにCSSを指定する方法

今回は、以下の記事で作成したHTMLのサイトをCSSを使って全体のレイアウトを調整していきます。 あまり難しいレイアウトを使用しなくても、見栄えの良いサイトが出来ることを、ぜひ一緒に体験してみてください。 ...
CSS

CSS 画像サイズの調整方法 max-width と object-fit の使い方

今回は「画像サイズの調整方法」についてご紹介させて頂きます。 サイトに画像を挿入することは、サイト制作の上で必須の事項ですが、レイアウトが複雑になると意図した通りに画像が挿入されていないことがよく起こります。 解決方法...
CSS

CSS テキストの向きの変更とオーバーフローを理解しよう

今回は、「テキストの向きの変更」と「オーバーフロー」についてご紹介させて頂きます。 どちらもサイトのレイアウトと密接に関係する項目ですので、しっかりと基本を理解していきましょう。 書き込みモード ...
CSS

背景と背景画像の指定方法 ボーダーの設定方法を理解しよう

今回はサイトをデザインする上でも重要な要素の一つである「背景」と「ボーダー」についてご紹介させて頂きます。 どちらも基本の形は難しくないのですが、関連するプロパティが沢山あるので、初めて学習される方が混乱しやすい項目になって...
CSS

CSS ボックスモデルを分かりやすく理解する 迷わない margin と padding

今回はCSSの「ボックスモデル」についてご紹介させて頂きます。 CSSの基本的な概念として、「ボックス」というものがあります。 これは、言葉通り、h1やp、aやspanを一つの塊、「ボックス」として捉えているということ...
CSS

CSS セレクタ 一覧表 擬似クラスと疑似要素 結合子の解説

今回は「セレクタ」について見ていきます。 基本的な使い方はそれほど難しくはありません。 擬似クラスや疑似要素、結合子は一度実際に記述してみれば、どのような仕組みになっているのか理解できると思います。 但し...
CSS

CSS カスケードと詳細度 そして継承を理解しよう

今回は、「カスケードと詳細度、そして継承」についてご説明させて頂きます。 「カスケードと詳細度」については、CSSの構造と書き方でもご説明させて頂いておりますので、合わせてご参照ください。 ...
CSS

初めてのCSS 基本的な書き方とHTMLとの連携方法

今回から「CSS」についてご紹介させて頂きます。 CSSはHTML以上に奥が深いので、そのすべてを説明するのは不可能なのですが、ここではこれからCSSを学んで行こうとする方が、最低限知っておくべき内容に絞ってご紹介させて頂き...
タイトルとURLをコピーしました