CSSの指定

概要

はてなブログを使い始めて日が浅いですが、CSSが煩雑になってきたのでまとめる。

環境

macOS Mojave 10.14.5 編集モード MarkDown

記事全体

bodyで指定できる。

body{
    font-family: 'Ricty-Diminished';
    background:white;
}

入力範囲

.entry-contentで指定できる。

.entry-content{
  font-size: 17px;
}

見出し

.entry-content h1で指定できる。

.entry-content h1{
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}

コードの中

.entry-content pre.codeで指定できる

.entry-content pre.code {
    font-family: 'Ricty-Diminished';
    color: #F5FFFA;
    background-color: #000000
}