Blog– category –
-
【marginで外側の余白を設定】余白の設定方法について
【marginプロパティを使ってheader領域の余白を設定していきます。】 marginの設定 前回まででCSSのボックスモデルについて見てきました。 詳しくは『【CSSのボックスモ... -
【CSSのボックスモデルを確認しよう】デベロッパーツールを見ながらヘッダー領域のスタイリング
【ボックスモデルを確認しながらheader領域のスタイリングを進めていきます。】 background-color 前回はフォントの設定について見てきました。 詳しくは『【フォントを... -
【フォントを設定していこう】CSSで文字の色と文字の書体を設定する方法
【文書全体に対して、文字色とフォントの設定をしていきます。】 colorfont-family color 前回は色の表現の仕方について学んで来ました。 詳しくは『【色の表現方法を学... -
【色の表現方法を学んでいこう】キーワード、rgb()、カラーコードについて
【CSSで色を表現する記法について見ていきます】 色キーワード 前回まででCSSの準備と確認の仕方についていてきました。 前回の記事『【デベロッパーツールを使ってみよ... -
【デベロッパーツールを使ってみよう】読み込まれたCSSの確認
【Chromeのデベロッパーツールを使って読み込まれたCSSについて確認していきます。】 デベロッパーツールの起動 前回まででCSSの使い方について見てきました。 『【CSS... -
【CSSを書いてみよう】要素のスタイリングのやり方について
【特定の要素に文字色を設定するためのCSSを書いてみます。】 styleタグ 前回まででHTMLのしようについて見てきました。 詳しくは『HTMLの仕様を確認してみよう』を御覧... -
HTMLの仕様を確認してみよう
【MDNのサイトでHTMLの仕様を確認する方法について見ていきます。】 MDN 前回リンクを貼りましたが、 img タグを a タグで囲うのではなくて li タグを a タグで囲えば良... -
外部サイトへのリンクを設定しよう
【aタグでリンクを設定する方法について見ていきます】 a 前回はulタグについて見てきました。 『ulタグでリストを表現してみよう』の記事はこちらです。 https://teatr... -
ulタグでリストを表現してみよう
【リストを表現するためのタグについて見ていきます。】 ol 前回はsectionタグの使い方について学んで来ました。 sectionタグの使い方についてはこちらの記事です。 htt... -
sectionタグの使い方について
【意味のあるまとまりを示すために使えるsectionタグで適切にマークアップしていきます。】 section 前回はコメントタグを作ってい来ました。 『コメントタグを使ってみ...