開催する初心者向けのHTML・CSSを使ったホームページ制作の1日集中講座(セミナー)です。文字に関するプロパティ前の章では、CSSを使って文字の色を変える設定を行ないましたが、文字の大きさや行の高さなども、CSSで設定することができます。文字色の設定に加えて、その他の色々なプロパティの種類と記述の仕方を学んでいきましょう。colorプロパティcolorプロパティは文字色を指定するプロパティです。colorプロパティに設定できる値は、RGBカラーや色名などがあります。色の値の指定方法については後のコラムで解説します。font-sizeプロパティfont-sizeプロパティは文字のサイズを指定するプロパティです。font-sizeプロパティに設定できる値は、長さ、パーセントなどがあります。本書では設定できる値のうち、長さのpx(ピクセル)と%(パーセント)を使って値を指定します。line-heightプロパティline-heightプロパティは行の高さを指定するプロパティです。行の高さを調整することで、長い文章を読みやすく表示することができます。値には文字のサイズと間隔を合わせた値を、長さや%で指定します。フォントサイズに対する倍率を示す数値で高さを指定することもできます。元々のbody要素の文字のサイズが13pxに指定されている場合、line-heightの値に1.6を指定すると、行の高さは13px×1.6で20.8pxに指定されます。行の高さは、文字の上下のスペースによって作られます。font-styleプロパティfont-styleプロパティは、文字のスタイルを指定するプロパティです。font-styleプロパティに設定できる値には、italic(イタリック体)やoblique(斜体)、normal(標準)などがあります。text-alignプロパティtext-alignプロパティは、文字の行揃えを指定するプロパティです。text-alignプロパティに設定できる値には文字の水平方向の位置を示すleft、center、rightなどがあります。ブラウザの左端に文字を揃えるには値をleftに、中央に揃えるには値をcenterに、また、右に揃えるには値をrightに設定します。文字の左右の位置は、ブラウザの幅により異なります。;}文字に関するCSSを記述して実際の表示を確認しましょう。CSSをHTMLファイル内に埋め込んで記述します。class="font1">スタイルの記述方法を勉強しています。class="font2">スタイルの記述方法を勉強しています。<br>スタイルの記述方法を勉強しています。スタイルの記述方法を勉強しています。<br>スタイルの記述方法を勉強しています。<br>スタイルの記述方法を勉強しています。スタイルの記述方法を勉強しています。<br>スタイルの記述方法を勉強しています。スタイルの記述方法を勉強しています。class="font3">Kanda</p></body></html>font1クラス、font2クラス、font3クラスを指定した<p>要素に、それぞれスタイルが適用されて表示されます。◉色の指定方法CSSでの色の指定方法は、主に2通りあります。)「カラー名」はWebブラウザが内蔵している予約名で、直感的に色がイメージできます。「RGB値」は光の3原色である赤、緑、青の順に並べて指定します。一般的なのは、RGB値を16進数を使って指定する方法です。赤・緑・青を混ぜ合わせることで様々な色が表現できます。WEBでよく利用する色のRGB値は、「Webカラー見本」などの言葉でインターネット検索すると、色々なページが出てきますので、参考にしてみましょう。本章のまとめご不明点はお問い合わせフォームからご連絡ください。講師の詳細はこちらワードプレスセミナーも人気!より手軽にホームページ制作をしてみたい方にはワードプレスセミナーもおすすめです。わかりやすく教えるのには自信がありますので、ぜひご参加ください。