★文字サイズの指定

私たちはカジノサイトを独自にレビューしています。当社のリンクを通じてサインアップすると、追加料金なしで当社に手数料が発生する場合があります。

文字サイズの指定

広告



CSSファイルが作成出来たら、このファイルの中にCSSソースを記述して、ウェブページに表示される文字サイズを指定します。
base.cssを開いて、文字コード指定の行に続けて以下の記述を追加してください。

CSSソース(base.css)

@charset "utf-8";
body {font-size:95%;}

記述できたら上書き保存します。

CSSのfont-sizeプロパティは、文字サイズを指定する際に使用します。
追加したbody {font-size:95%;} の一行は、「body要素のフォントサイズを95%にしなさい」という指定です。

追加した一行で文字サイズを指定しましたが、まだ、スタイルを適用する対象となるウェブページとの関連付けをしていないので、特にウェブページには変化はありません。

ウェブページとの関連付け

font-sizeプロパティで文字サイズを指定したCSSファイルbase.cssと、HTMLファイルindex とを関連付ける指定を行います。

index を開いて、以下の一行を追加してください。

HTMLソース(index )

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="base.css">
<title>ウェブサンプル株式会社</title>
</head>
<body>
<h1>ウェブサンプル株式会社</h1>
<h2>新着情報</h2>
<h3>新商品のご案内</h3>
<p>
あいうえおかきくけこさしすせそ(中略)
</p>
<h3>展示会への出展</h3>
<p>
あいうえおかきくけこさしすせそ(中略)
</p>
<h3>環境への取り組み</h3>
<p>
あいうえおかきくけこさしすせそ(中略)
</p>
<small>Copyright (c) ウェブサンプル株式会社 All Rights Reserved.</small>
</body>
</html>

保存をしたらブラウザで表示してみましょう。
ブラウザに表示される文字が95%のサイズになって、全体的にフォントサイズが小さくなれば成功です。

<link rel=”stylesheet” href=”base.css”> の一行をindex に追加することで、先ほど作成したbase.cssと関連付けられます。
link要素でHTMLファイルからCSSファイルを読み込ませているのです。

link要素のhref属性には、base.cssのURL(リソースの場所)を指定しています。
index とbase.cssは同じフォルダ内に保存されているので、ファイル名を記述するだけで指定できます。

rel属性にはstylesheetを指定しています。これは、リンク先のファイルがスタイルシートファイルであることを示しています。

まとめ
  1. フォントサイズは、font-sizeプロパティで指定する
  2. body {font-size:95%;} は、「body要素のフォントサイズを95%にしなさい」という指定
  3. link要素でHTMLファイルからCSSファイルを読み込ませる
<前へ 目次へ 次へ>

広告



山田 太郎
テック・リード
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

ギャンブルガイド もっと見る

カジノファインダー

どのカジノが自分に最適か分からないですか?

サインアップは必要なく、1 分以内に最適なブックメーカーを簡単に見つけることができます。
カジノを探す
Back
質問
Select one of the following options
{"is_any_tile":true}

どのカジノが自分に最適か分からないですか?

Back
Restart
やったー!
これはあなたの選択に基づいた最高のカジノです...
61 users signed up
もっと表示する