CSS

CSS とは？：用語の意味

Cascading Style Sheetsの略称。ブラウザでコンテンツを表示するときに、HTMLによって表示を行うが、そのスタイル（構造、体裁など）の部分を分離したものがCSSとなる。

一般的に「スタイルシート」と呼ばれるものは、ホームページに関しては、主にCSSのことを指す。

CSSの具体例

HTMLで

<span>これはスパンの中身です</span>

としたとき、

と表示されるが、

<style>
    .hoge {
         font-size:20px;
         color:#f00;
         background-color:#ccc;
         border: dotted 5px #0ff;
    }
</style>
<span class="hoge">これはスパンの中身です</span>

HTMLに class（"hoge"）を追加して、そのclassのCSSを上記のように指定すると、

このような表示に変わります。class("hoge")のCSSを指定することで、表示される内容を変えることができます。

試してみたい場合は、WordPressのブロックエディターで

カスタムHTMLを選び、上記のコードを貼り付ければ試すことができます。CSSの中身をいろいろ変えてみることでどのように変化するか試してみてください。