HTMLにCSSを適用する方法3つ

HTMLにCSSを適用する方法は3つあります。

・外部スタイルシート
・内部スタイルシート
・インラインスタイル

 

外部スタイルシート

これが最もよく使われる方法です。

<head>タグ内に<link>タグを追加し、CSSを読み込みます。

<link rel=”stylesheet” href=”style.css”>

なお、上のコードは、index.htmlと同じフォルダにstyle.cssを保存している場合のコードです。

 

内部スタイルシート

<head>タグ内に<style>タグを追加し、適用したいCSSを記述します。

 

インラインスタイル

HTMLタグの中に、style=””で記述します。

たとえば、次のような感じ。

<div style=”color: red; font-size: 80px”>

このブログでも、部分的に赤字にしたいときなどにWordPressの入力画面を”テキスト”に切り替えて、入力していました。

(TinyMCE Advancedというプラグインを入れてからは入力が減っています)

 

以上、HTMLにCSSを適用する3つの方法でした。

 

参考にしたYouTube

CSSカテゴリの最新記事