CSSの使い方の基本



HTML

CSS

初回更新日:2020/8/13    

前提知識
 ・HTMLの基本フォーマット


■基本形
CSSの基本的な使い方を説明します。以下のとおり、HTMLの基本フォーマットに対して、赤字部分を追加します。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="description" content="サイトの説明文を記載">
<link rel="stylesheet" href="text.css">
<title>サイトのタイトルを記載</title>
</head>
<body>
本文を記載
</body>
</html>


htmlファイルとは別に"text.css"というファイルを作成します。その中身を以下にする事で、本文のフォントを指定する事ができます。

body {font-size : 15pt; font-family: "メイリオ" , "Meiryo";}


font-familyは他に以下などがあります。全角/半角が異なるだけで適用されませんので、コピペを推奨します。 またダブルクォーテーションで括っていますが、シングルクォーテーションでも良いです。

"MS Pゴシック"
"MS 明朝"
"Yu Gothic Medium"




関連記事一覧



HTML

CSS