CSSの詳しい解説

高洛峰
リリース: 2016-10-20 13:26:45
オリジナル
1145 人が閲覧しました

CSS入門

1. CSSの概要と機能

CSS:Cascading Style Sheets)とは、Webページの表示効果を定義するために使用されるカスケードスタイルシートです。 HTML コード内のスタイル定義の重複を解決し、後続のスタイル コードの保守性を向上させ、Web ページの表示効果を高めることができます。
機能:CSSでWebページのコンテンツと表示スタイルを分離し、表示機能を向上させます。

2.CSSとHTMLの組み合わせ(*****)(4種類)

CSSとHTMLの組み合わせ方法

1.スタイル属性の方法:

タグ内のstyle属性を使用して表示を変更します。各タグのスタイル。

例:


pタグの段落コンテンツ。


この方法はより柔軟ですが、複数の同一タグに同じスタイルを定義するのが面倒なので、ローカルな変更に適しています。

2. styleタグメソッド:(埋め込みメソッド)

複数のタグを一律に変更するには、headタグにstyleタグを追加します。

<head>
    <style type=”text/css”>
        p { color:#FF0000;}
    </style></head>
ログイン後にコピー

この方法は単一ページのスタイルを均一に設定できますが、局所的な領域には十分な柔軟性がありません。

3.インポート方法:(よく使われる方法)

前提としてCSSファイルが定義されていることが前提となります。 Web ページのスタイルの一部を使用する必要がある場合は、この方法を使用します。

例:

<style type="text/css">
    @import url(css_3.css);
    div { color:#FF0000;}</style> 
ログイン後にコピー


外部CSSファイル(.css)の末尾を定義します。
@import url("css ファイルのアドレス");