初心者のスタイルシート(CSS)設定講座
スタイルシート(CSS)の設定には３つの方法があります。スタイルシート(CSS)の具体的な設定方法というのは以下の３つです。
- html要素の開始タグにスタイルシート(CSS)を設定する
- ホームページの<head>〜</head>内にスタイルシート(CSS)を設定する
- スタイルシート(CSS)を外部リンクとして設定する
上記３つになります。それぞれで特徴があり、同じホームページに３つ同時にスタイルシート(CSS)を設定することも可能です。それぞれのスタイルシート(CSS)の設定方法で記述方法が少し異なるので、注意してくださいね。また、同時に設定した場合には設定の優先順位が発生します。
例えば、３の外部リンクでpタグに‘左揃え'で設定しているが、１の直接開始タグにスタイルシート(CSS)で‘中央揃え'を設定すると、‘中央揃え’の設定が優先される。
優先順位としては以下のようになりますよ。
１開始タグに設定＞２<head>内に設定＞３外部リンクに設定
このように開始タグ内に設定するスタイルシート(CSS)が一番優先されます。
次にスタイルシート(CSS)の３つの設定方法での、記述の違いを見ていきましょう！
ホームページを作成して、スタイルシート(CSS)を組み込むときには３の外部リンクを使用する方が殆どです。なぜかと言うと…それはあなたがつくるホームページのデザイン変更にとても便利だからです。外部リンクにしておくと、ホームページ全体にスタイルシート(CSS)が適用されるので、レイアウトや色を変えるときなどに一つずつの設定しなおさなくてもよいので、とても便利なんですよ。