![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
#author("2023-05-29T12:42:15+00:00","default:hotate","hotate") #author("2023-05-29T12:43:38+00:00","default:hotate","hotate") #contents &tag(UI); * テキスト [#b73dfb75] - [[行間の調節 CSS line-height:>https://www.shoshinsha.com/hp/ref/css/line-height.html]] em指定 ブラウザの文字基準サイズを1emとした時の値。 line-height: 0.5em * [[フォント]] [#d67e3446] - [[【2022年版】font-familyの正しい指定方法・タイプ別おすすめフォント設定例>https://willcloud.jp/knowhow/font-family/#h4_24]] Hiragino Kaku Gothic Pro(ProN)は、macOS High Sierra以降、すでに書類をサポートするために使える古いフォントのリストに指定されており、今後使用できなくなる可能性も考えられます。 - [[font-weightとは｜コーディングのプロが作るCSS辞典>https://html-coding.co.jp/annex/dictionary/css/font-weight/]] フォントの太さを数値で指定します。最も細いのが100で、 数が大きくなるに従い太くなります。また、400がnormalと同じ標準の太さ、700がboldと同じ太さとなります。 * 余白 [#ta4bab15] - [[CSSのmarginとは？paddingとは？余白の指定方法まとめ>https://saruwakakun.com/html-css/basic/margin-padding]] padding：要素の内側の余白 margin：要素の外側の余白 - [[【CSS入門】box-sizingの特徴と使い方を徹底解説！ - WEBCAMP MEDIA>https://web-camp.io/magazine/archives/100396]] CSSのbox-sizingでは、要素の幅と高さに「paddingとborderを含めるかどうか」を指定します。 * 箇条書き [#x2603e9a] - [[コピペで使えるリストデザイン34選：CSSで箇条書きをおしゃれに>https://saruwakakun.com/html-css/reference/ul-ol-li-design]] 今回はul/ol/liを使った箇条書き（リスト）のデザイン例を紹介します。どれも画像は必要なく、CSSだけで作ることができます。 * ヘッダ [#k7e84b23] - [[ヘッダーのCSSを書く | GRAYCODE HTML&CSS>https://gray-code.com/html_css/make-the-website-vol9/]] 今回はヘッダーのCSS（スタイルシート）を書いていきます。 * 色 [#y250fae2] - [[WEBカラー見本一覧（基本色、セーフカラー）>https://note.cman.jp/color/base_color.cgi]] CSS3で定義されている色で、HTML,STYLE,JAVASCRIPTでは、色の名前(whiteなど)で指定することが出来ます。 * 関連 [#td31b23f] #related #taglist(tag=UI)
