マガジンのカバー画像

HTML,CSSの基礎

11
Progateをやった後に「もう一度復習したい」と思ったら見てください。サンプルコードを紹介しています。
運営しているクリエイター

#css

【HTML,CSSの基礎】⑧文字を縦方向に中央揃えする方法

【HTML,CSSの基礎】⑧文字を縦方向に中央揃えする方法

こんにちは、Mac大好きです!Macが大好きで、HTML、CSS、JavaScript、Pythonなどでプログラミングをして遊んでいます。

プログラミングは楽しんでやることが大切です!

そこで今日は、駆け出しエンジニアの方向け「楽しく学べるWeb制作の基礎学習」をやっていきます。「Progateの復習」に見てみて下さい。

文字を縦方向の中央に揃える方法文字を縦方向の中央に揃えるには、要素の

もっとみる
【HTML,CSSの基礎】⑦マウスカーソルが乗ったときにボタンの色を変える

【HTML,CSSの基礎】⑦マウスカーソルが乗ったときにボタンの色を変える

こんにちは、Mac大好きです!Macが大好きで、HTML、CSS、JavaScript、Pythonなどでプログラミングをして遊んでいます。

プログラミングは楽しんでやることが大切です!

そこで今日は、駆け出しエンジニアの方向け「楽しく学べるWeb制作の基礎学習」をやっていきます。「Progateの復習」に見てみて下さい。


今日は「マウスカーソルがのった時にボタンの色を変える」をやっていき

もっとみる
【HTML,CSSの基礎】⑥要素のサイズを文字のサイズと同じにする方法

【HTML,CSSの基礎】⑥要素のサイズを文字のサイズと同じにする方法

こんにちは、Mac大好きです!Macが大好きで、HTML、CSS、JavaScript、Pythonなどでプログラミングをして遊んでいます。

プログラミングは楽しんでやることが大切です!

そこで今日は、駆け出しエンジニアの方向け「楽しく学べるWeb制作の基礎学習」をやっていきます。「Progateの復習」に見てみて下さい。

要素(pタグ)の幅を文字と同じサイズに変える通常、p要素やdiv要素

もっとみる
【HTML,CSSの基礎】⑤nav(ナビ)メニューの作り方

【HTML,CSSの基礎】⑤nav(ナビ)メニューの作り方

こんにちは、Mac大好きです!Macが大好きで、HTML、CSS、JavaScript、Pythonなどでプログラミングをして遊んでいます。

今日は、駆け出しエンジニアの方向け「Web制作の基礎学習」をやっていきます。「Progateの復習」に見てみて下さい。

ナビゲーションメニュー(nav)の作り方「ナビゲーションメニューの作り方」を解説します。

まずは概要から。

・ナビゲーションメニュ

もっとみる
【HTML,CSSの基礎】③ボタンの角を丸くする

【HTML,CSSの基礎】③ボタンの角を丸くする

こんにちは、Mac大好きです!Macが大好きで、HTML、CSS、JavaScript、Pythonなどでプログラミングをして遊んでいます。

今日は、駆け出しエンジニアの方向け「Web制作の基礎学習」をやっていきます。「Progateの復習」に見てみて下さい。

ボタン(button)の角を丸くする方法Webでよく使うボタン(button)。そんなボタンの角を丸くするスタイリングをやっていきまし

もっとみる
【HTML,CSS基礎】②画像の中央に文字をのせる

【HTML,CSS基礎】②画像の中央に文字をのせる

こんにちは、Mac大好きです!Macが大好きで、HTML、CSS、JavaScript、Pythonなどでプログラミングをして遊んでいます。

今日は、駆け出しエンジニアの方向け「Web制作の基礎学習」をやっていきます。「Progateの復習」に見てみて下さい。

画像の中央に文字をのせるHTML・画像と文字をひとつのdivタグで囲み、classをつけておく。

CSS・全体のサイズ(divのサイ

もっとみる