CSS

: CSS

Flexboxを使ってみよう

2020/9/26

header内の要素を横並びにするために、Flexboxを使う方法を見ていきます。余白の設定 Flexbox 親要素と子要素・横並びにするには親要素と子要素の関係が必要で親要素に子要素を横に並べて ...

: CSS

divタグを使ってみよう

2020/9/25

レイアウトのために使えるdivタグを使いながらスタイリングを進めていきます。 div class 中央揃えのやり方 div ・領域を確保するために<div>というタグを使います。例えば、ヘ ...

: CSS

marginで外側の余白を設定しよう

2020/9/24

marginプロパティを使ってheader領域の余白を設定していきます。 marginの設定 marginの設定・marginを指定することによって余白を調整することができます。・ブラウザを見ると ...

: CSS

CSSのボックスモデルを確認しよう

2020/9/23

ボックスモデルを確認しながらheader領域のスタイリングを進めていきます。 background-color ボックスモデル background-color ・背景を変える方法に着いてみていきます ...

: CSS

フォントを設定していこう

2020/9/22

文書全体に対して、文字色とフォントの設定をしていきます。 color font-family color ・文字色とフォントを文書全体に指定していきたいと思います。・これまでは、h1やpなどにをセレ ...

: CSS

色の表現方法を学んでいこう

2020/9/21

CSSで色を表現する記法について見ていきます。色キーワード rgb() 16進数による表現コメントの書き方色キーワード・文字色を変える方法についてみていきます。・まずはセレクターでどこの色を ...

: CSS

デベロッパーツールを使ってみよう

2020/9/20

Chromeのデベロッパーツールを使って読み込まれたCSSについて確認していきます。デベロッパーツールの起動 Elmentsパネル HTML/CSSの確認 Styles/Computedタブデベロ ...

: CSS

CSSを書いてみよう

2020/9/19

特定の要素に文字色を設定するためのCSSを書いてみます。 styleタグセレクタ、プロパティ CSSファイルの作成、読み込み styleタグ・HTMLで骨組みを書いたあとにはスタイルを指定するため ...

« Prev 1 … 17 18 19