Jiro

今回は「list」の装飾の仕方についてご紹介させて頂きます。一般的なリストから、ナビゲーションメニューを作成するときなど、サイト作成時に使わないことはないタグになりますので、しっかりと覚えていきましょう。なお、大変重要なタグですが、実際に使...

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

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

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

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

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

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

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

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

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