【WORDPRESS】css要素

wordpress

wordpress（ワードプレス）の備忘録。

注意：CSSの名前は先頭に数字を使わない。

HTMLに直接CSSを入力

STYLE・・・HTML直接読み込む場合

例　<span style=”margin-left:10%; color:#2272b7;”>

フォント　font-size（px、em、%、em、rem）

文字の色　color

文字の太さ 　 font-weight（normal、bold  、lighter、 bolder ）

背景の色　background-color

要素間余白　margin-top、margin-left、margin-right、margin-bottom

要素内余白　Padding-top、Padding-left、Padding-right、padding-bottom

要素を優先する　!important

p {
  color : red !important;
}

外部CSSを読み込み

CLASS・・・外部CSSを読み込む場合 （何度でも使える）
<span class=”iro”>
.iro{
font-size: 150%;
}

ID・・・外部CSSを読み込む場合 （一度しか使えない）
<span id=”iro”>
#iro{
font-size: 150%;
}