q1.【 2 】(cascading style sheets)は、h1 { background: blue; } のように書くことで文章を装飾できる。

はじめに

カスケーディングスタイルシート(CSS)は、ウェブページの見た目をデザインするための言語です。CSSを使用することで、HTML要素のスタイルを簡単にカスタマイズできます。例えば、h1 { background: blue; } のようなスタイルルールを使用することで、見出し要素を装飾することができます。

CSSの基本

CSSでは、スタイルシートを使ってHTML要素のプロパティを指定します。スタイルシートは、以下の方法でHTML文書に適用できます。

  • インラインスタイル: HTMLタグの「style」属性を使用
  • 内部スタイルシート: HTML文書内の「<style>」タグを使用
  • 外部スタイルシート: 外部のCSSファイルをリンクする方法

例: h1 要素のスタイル

以下は、CSSを使ってh1要素に背景色を指定する例です。

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>CSSの例</title>
    <style>
        h1 {
            background: blue;
            color: white;
            padding: 10px;
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>こんにちは、世界!</h1>
</body>
</html>

CSSプロパティの解説

上記の例では、以下のCSSプロパティを使用しています。

プロパティ 説明
background 要素の背景色を設定します。
color テキストの色を設定します。
padding 要素の内側の余白を設定します。
text-align テキストの水平位置を設定します。

参考文献

関連するQ&A

Q1: CSSで背景色を変更するにはどうすればよいですか?

A1: CSSでは、backgroundプロパティを使用して背景色を変更できます。例えば、background: blue; と指定することで背景色を青にすることができます。

Q2: 内部スタイルシートと外部スタイルシートの違いは何ですか?

A2: 内部スタイルシートはHTML文書内の<style>タグを使用して定義されますが、外部スタイルシートは別のCSSファイルに定義され、HTML文書に<link>タグでリンクします。外部スタイルシートを使用すると、複数のHTML文書で同じスタイルを共有できます。

Q3: CSSのpaddingプロパティはどのように機能しますか?

A3: paddingプロパティは、要素の内容とその境界の間に空白(余白)を追加します。padding: 10px; と指定することで、すべての方向に10ピクセルの余白を追加します。

その他の参考記事:

css 書き方 html内

css 最初に書くこと

css 基本テンプレート

css 内部スタイルシート

インラインスタイルとは

CSS 記述 ルール