HTML&CSS– category –
HTML&CSSに関する記事
-
【初心者】２カラムレイアウトのコーディング‐クラス名の付け方と要素の配置方法
こんにちは、プロ象（@shoshi_pro）です。このコンテンツはシリーズものになります。一番最初のHTMLの学習①から見たい人は下記リンクからどうぞ。 前回はシングルカラムのコンテンツをコーディングしていきました。 今回は、２カラムレイアウトのコーディ... -
【初心者】シングルカラムのコーディング（justify-content: center;でpの文字が中央に寄らないときの対策）
こんにちは、プロ象（@shoshi_pro）です。一番最初のHTMLの学習①から見たい人は下記リンクからどうぞ。 今回はシングルカラムのコンテンツ、リード文の作成とボタンの作成を行います。 この学習をすることで以下のことができるようになります。 justify-co... -
【初心者】HTML＆CSSでフルスクリーンレイアウトのコンテンツを作る
こんにちは、プロ象（@shoshi_pro）です。一番最初のHTMLの学習①から見たい人は下記リンクからどうぞ。 さて、今回は前回のヘッダー部分のコーディングに続いて、トップページの冒頭部分に背景画像を画面全体に表示したフルスクリーンレイアウトのコンテン... -
【初心者】ヘッダー部分の模写コーディング（問題演習②）
こんにちは、プロ象（@shoshi_pro）です。一番最初のHTMLの学習①から見たい人は下記リンクからどうぞ。 前回はdisplay: flex;の使い方をやり、header部分を完成させたのでした。 HTMLとCSSの書き方の基本は理解できたかな？ うん、何となく理解できたよ！ ... -
【初心者】CSSの勉強③（display: flex;の使い方とheaderの完成）
こんにちは、プロ象（@shoshi_pro）です。一番最初のHTMLの学習①から見たい人は以下のリンクからどうぞ。 前回はボックスモデルについて解説をし、Google Fontsの利用方法、グローバルナビゲーションの装飾を無くす設定を行いました。 今回は、初心者必見... -
【初心者】CSSの勉強②（ボックスモデルの理解とフォントの設定）
こんにちは、プロ象（@shoshi_pro）です。一番最初のHTMLの学習①から見たい人は下記リンクからどうぞ。 今回はWebページを作る上で絶対に必要になるボックスモデルに関する理解を深めることと、box-sizingの設定、グローバルナビゲーションのフォントの設... -
【初心者】CSSの勉強①（CSSの効かせ方は？設定は？）
こんにちは、プロ象（@shoshi_pro）です。一番最初のHTMLの学習①から見たい人は下記リンクからどうぞ。 前回はheader部分のグローバルナビゲーションのHTMLを書き終えました。今回はCSSの書き方に入っていきますが、初心者がつまずきやすい部分として、 あ... -
【初心者】HTMLの学習⑤（HTMLで記述してみよう-問題演習）
こんにちは、プロ象（@shoshi_pro）です。一番最初のHTMLの学習①から見たい人は下記リンクからどうぞ。 さて、前回はHTMLでグローバルナビゲーションを書きました。今回はここまでの学習で出来るようになったことを生かしながら、画像にある形式で表示され... -
【初心者】HTMLの勉強④（グローバルナビゲーションの記述）
こんにちは、プロ象（@shoshi_pro）です。一番最初のHTMLの学習①から見たい人は下記リンクからどうぞ。 前回はbodyの構成を整えて、ロゴ画像を表示したのでした。 今回はグローバルナビゲーションをHTMLで書いていきます。 この学習をすることで以下のこと... -
【初心者】HTML＆CSSで良くあるミス10選
こんにちは、プロ象（@shoshi_pro）です。 HTML＆CSSを書いていて、 ダメだ…画像が表示されない…どうしてだ、正しく書いているはずなのに！ ってありますよね？特に初心者からすると、どこがミスしていて正しい動作にならないのか分からないことが多いです...
12