CSSスキル - 第1章 Lesson5

フォントのサイズと太さを変更してみよう

   

テクノロジーとクリエイティブのプロを目指す人のためのオンラインスクール
月額2500円で500以上のレッスンが受けられます

このスキルのデータをダウンロード: Windows Mac

インラインCSSを利用して、フォントのサイズと太さを変更する方法を初心者向けに解説しています。



この動画で学べること

・インラインCSSを使ってフォントのスタイルを変更する方法



インラインCSSで文字のデザインを変更しよう

前回の続きでインラインCSSを使ってフォントのスタイルを変更してみましょう。
<h1>の部分の文字を使ってやってみます。
文字色のプロパティはcolor、文字サイズはfont-sizeです。
それぞれインラインCSSの中に書いて、スタイルの変更を行なってみましょう。
また、<p>タグにも同じようにfont-sizeを設定していきます。
font-weightのプロパティを使って文字の太さも変えてみましょう。




<style>
header{
background-color: #3BD5D4;
}
h1{
color: white;
font-size:100px;
}
p{
font-size:20px;
font-weight:900;
}
</style>



ここまでできたら 、保存してブラウザで見てみましょう。
<h1>と<p>の文字のデザインを変えることができました。