忍者CODE あなたのコードが未来を灯す

問題

文字縦の間隔を空けてみよう！
見本画像を参考にしてCSSに記述し実装してください。

自分の環境に書くコード

            <p>
    この文字の縦の間隔を空けてみましょう！<br>
    この文字の縦の間隔を空けてみましょう！<br>
    この文字の縦の間隔を空けてみましょう！<br>
</p>
¥HTML¥

期待する画面

ログインして解答を見る

解答ソースコード

            <p>
  この文字の縦の間隔を空けてみましょう！<br>
  この文字の縦の間隔を空けてみましょう！<br>
  この文字の縦の間隔を空けてみましょう！<br>
</p>
¥HTML¥

            p {
  line-height: 40px;
}
¥CSS¥

解説

文字の縦の間隔を開けるときはline-heightを使用します。

UIを構築する際
必ずと言っていいほど使用しますので覚えましょう！

一覧に戻る

次の問題に進む

1.HTMLの宣言をしてみよう

続きの動画を見たい方は公式LINEから「HTML」と送信すると動画が見れます。

有料コース一覧
甲賀KOGA

STEP1

基本知識
SEO
リスティング
エディタ

知っておこうWeb制作に関する基本知識の話

マークアップ基礎
HTML

HTMLの書き方や役割を基礎から学ぶマークアップ入門

CSS基礎
書き方

CSSで挫折しない為の基礎学習
【超重要プロパティ】

STEP2

JavaScript基礎
使い方

JavaScriptで学ぶプログラミングの基本のきほん【16項目】

Webデザインの考え方
sketch
デザイン基礎

デザイナーから直接学ぶ
猫ちゃんサイトのデザイン解説

模写コーディング
ペライチLP
レスポンシブ

鎧模写-YOROIMOSYA
銅の鎧

STEP3

jQuery基礎
プラグイン

jQueryの基本的な使い方から応用まで【プラグイン解説あり】

Sass基礎
使い方
mixin
変数

Web制作でCSSを簡単に書くためのSASS入門【小技あり】

CSS設計
BEM
FLOCSS
Sass

現場で使うCSS設計の考え方
参考サイトを元に解説

STEP4

ECサイト作成
JavaScript実践
jQuery

JavaScriptの屋敷
鳳凰の間

JavaScript応用
アプリ作成
class構文

JavaScriptで作る
LINE風チャットボット

コマンドライン
SourceTree

コマンドラインとアプリ操作を同時に学べるGit【15選】

マークアップ効率化
JavaScript

EJSを使いコーディング力を中級者まで引き上げる

STEP5

JavaScript実践
模写
パラメータ

鎧模写-YOROIMOSYA
銀の鎧

PHP基礎
環境構築

PHPを基礎から学びたい人向け14項目から学ぶ【入門】

PHP応用
掲示板作成
GET/POST

PHPで簡易的な掲示板を作ってみよう【コーディングあり】

WordPress開発
オリジナルテーマ作成
PHP

甘えを吹き飛ばす!
WordPress開発

検索機能
formから自動投稿
実案件の内容

WordPressで¥400,000の案件を徹底解説!

スペシャルコンテンツ

案件獲得
転職・就職
ポートフォリオ作成

Web制作で案件獲得や就職・転職、フリーランスで成功するための極秘書

リサイズ
切り抜き
ぼかし

Web制作で良く使うリサイズや切り抜きなどの画像加工を覚えよう

36
文字縦の間隔を空けてみよう

有料コース一覧
甲賀KOGA

プログラミングスキルが
一気に上がる!
有料級の解説動画19本
を今なら無料でGETできる！

忍者CODEの公式LINE登録後
LINE内にあるURLよりご覧になれます

36文字縦の間隔を空けてみよう

有料コース一覧甲賀KOGA

プログラミングスキルが一気に上がる!有料級の解説動画19本を今なら無料でGETできる！

忍者CODEの公式LINE登録後LINE内にあるURLよりご覧になれます

36
文字縦の間隔を空けてみよう

有料コース一覧
甲賀KOGA

プログラミングスキルが
一気に上がる!
有料級の解説動画19本
を今なら無料でGETできる！

忍者CODEの公式LINE登録後
LINE内にあるURLよりご覧になれます