数式ヘビーな Web ページをスマホでも快適に閲覧できるように、.article-font の font-size を 50% にするという手法をとった ただこれをすると、サイズが rem で指定されてるやつを em で再指定するという修正が必要になる要素が出てくる pic.twitter.com/tljiNgQwgd

CSSの基本書式 willcloud.jp/knowhow/whats_… ☑️セレクタ （h1、pなどの要素やid、classなどの属性名） ☑️プロパティ （font-sizeやbackground-colorなど） ☑️値 （24px、1.5em、100%など） ↓参考記事↓ #Web制作

CSSメモ ・font-sizeはpx、％、eｍを使用。 ・基本は16px。 emを使用することで大きさの倍率を簡単に変えることができる。

『RT感謝！その記事再登場』（34685） 『ブログ』（22） 『文章の引用のデザイン』 blockquote{ … 　border-left:20px solid #3366CC; font-size:90%; background-color:#EEF5f7; padding:0.5em 1em; } blockquoteタグは他のブログやニュースサイトなどの記事を引用する時に利用。

『ブログ』（22） 『文章の引用のデザイン』 blockquote{ … 　border-left:20px solid #3366CC; font-size:90%; background-color:#EEF5f7; padding:0.5em 1em; } blockquoteタグは他のブログやニュースサイトなどの記事を引用する時に利用。

CSSの基本書式 willcloud.jp/knowhow/whats_… ☑️セレクタ （h1、pなどの要素やid、classなどの属性名） ☑️プロパティ （font-sizeやbackground-colorなど） ☑️値 （24px、1.5em、100%など） ↓参考記事↓ #Web制作

返信先:@tak_dcxifont-sizeの値は「--clamp-min: 14; --clamp-max: 16;」を使って変動する場合や、font-size: 16px;のように固定値でしたり、デザイン要件による感じです。 テキスト周りの余白であればemで解決するのですが、例えばsection間の余白などでもカスタムプロパティを上手く使えないかな、と考えてました。。

以前投稿した初心者向けCSS説明が途中だったので続きです。 【margin,padding】 簡単な説明をするとmarginは要素の外側の余白、paddingは内側の余白です。単位指定はリキッドに対応したい箇所は%かvw、font-sizeによって詰めたり広げたりしたい箇所はemかrem、その他はpxで指定することが多いです