Chapter03.　CSSについて学ぶ– category –

CSSとは、カスケーディングスタイルシート（Cascading Style Sheets）の略です。HTMLで構成されたページに色を指定したり見た目を整えたりすることができます。CSSを人に例えると洋服やメイクのようなイメージです。【覚えべき用語集】#CSS

CSSの書き方のルールについて解説しています。また、Web制作の現場でよく使われる書き方について触れていくので覚えておきましょう。【覚えべき用語集】#セレクタ#プロパティ#プロパティ値

前回の動画ではheadタグの中にCSSを記載しました。しかし、コードが増えるにつれて行も長くなるため、コード管理が面倒になってしまいます。そこでWeb制作の現場では、外部ファイルにCSSを記載して読み込んであげるのが一般的です。この動画では外部ファイ...

CSSで記載したデザインをどのHTMLの要素に反映させるか指定する際に用いられるのが「CSSセレクタ」です。例えば、現場でデザインの変更があった際に変更したい部分のみ指定して修正ができたりと、臨機応変な対応が可能になるのでこの章でしっかりマスター...

現場でよく使われるプロパティ「width」「height」について解説しています。○widthプロパティは領域の幅の指定○heightプロパティはコンテンツの高さの定義【覚えべき用語集】#widthプロパティ#heightプロパティ#px（ピクセル）#%（パーセンテージ）

現場でよく使われるプロパティ「color」「background-color」について解説しています。○colorプロパティは要素内の文字と線の色を指定○background-colorプロパティは背景色を指定【覚えべき用語集】#colorプロパティ#background-colorプロパティ

現場でよく使われるプロパティ「position」について解説します。「position」にはいくつか種類があります。○position:relativeは通常位置を基準に相対位置を指定○position:absoluteは親要素を基準に相対位置を指定○position:fixedはウィンドウを基準に相対...

現場でよく使われるプロパティ「margin」「padding」について解説します。○marginプロパティは外側の余白を設定する際に使用○paddingプロパティは内側の余白を設定する際に使用【覚えべき用語集】#marginプロパティ#paddingプロパティ

現場でよく使われるプロパティ「display」について解説します。○displayプロパティはブロックレベル・インライン・テーブル・ルビ・フレックスコンテナ等の、要素の表示形式を指定する際に使用○display:flexはある要素に定義するだけで、その直下の要素が...

今回はCSSの「優先度・詳細度」について解説します。○CSSの優先度・詳細度はどのプロパティ値が優先されて適用されるかを指したものになります。つまり、スタイルが重複したときにどのスタイルを優先するか評価したものです。【覚えべき用語集】#CSSの優先...