箇条書きの先頭記号を変える,FontAwesome,空白設定
【今日調べたこと】 ２０２０年７月１２日
【CSS】list-style-typeの使い方：箇条書きのマーカー種類を変える
番号やマーカーを消す時はlist-style-type: noneを指定。olでもulでも。
ol {list-style-type: none;}
ul {list-style-type: none;}
チェックリストにしたい時、フォントオウサムを使う
ul {
position: relative;
}
ul li {
list-style-type: none!;/*ポチ消す*/
}
ul li:before {
font-family: "Font Awesome 5 Free";
content: "\f00c";
position: absolute;
left : 1em; /*左端からのアイコンまで*/
color:#008489; /*アイコン色*/
}
Font Awesome
を使う時は、
マイページにログインして、Kitsをクリック。
設定マーク（Settings）をクリック。
＜script src="https://kit.fontawesome.com/○○○.js" crossorigin="anonymous"></script＞
このコードを、htmlの、＜head＞部分に、書き入れる。
（先頭の＜と、最後尾の＞は、半角に書き直すこと）
htmlで空白を入れるには
『 』 半角スペースより少し広い空白
『 』 全角スペースとほぼ同じ大きさの空白
『 』 の空白より小さい空白