オリジナルホームページを作ろう！ - Teatree Blog

: CSS

行間を調整しよう

2020/10/2

細かい余白を調整したのちに、line-heightプロパティを使って行間の調整をしていきます。余白の調整 line-height 余白の調整・まず余白の調整の仕方についてみてきます。一般的にはセレ ...

: CSS

セレクタの適用範囲を限定しよう

2020/10/1

>を使ってセレクタの適用範囲を限定していく方法について見ていきます。 sectionのスタイリング >区切りのセレクタ sectionのスタイリング・セクションのスタイリングをしていきま ...

: CSS

align-itemsを使ってみよう

2020/9/30

Flexbox内の要素を縦方向で中央揃えにするために、align-itemsを使っていきます。 align-items align-items ・headerの内側の領域に余白を作り、中の文章を縦に中 ...

: CSS

リストのスタイリングをしていこう

2020/9/29

リストの余白を整えつつ、Flexboxで要素を横並びにしていきます。リストのスタイリング Flexbox リストのスタイリング・リストのスタイリングをしていきましょう。具体的には余白やリストの黒点 ...

: CSS

見出しのスタイルを整えよう

2020/9/28

見出しに設定されているスタイルを確認したのちに、CSSで上書きをしていきます。要素の検証見出しのスタイリング要素の検証・見出しのスタイリング方法についてみていく前に今どういう状態になっているか ...

: CSS

アイコン画像のスタイリングをしよう

2020/9/27

半角空白を使ってセレクタの適用範囲を限定し、領域の角を丸めるためのborder-radiusプロパティと、枠に関するプロパティについて見ていきます。半角空白区切りのセレクタ border-radiu ...

: CSS

Flexboxを使ってみよう

2020/9/26

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

« Prev 1 … 30 31 32