Q1:CSS初心者でもコピペで崩れずに実装できる箇条書きのポイントは?
A1:list-style: none;でブラウザ固有の黒丸を消去し、position: relative;と::before擬似要素を組み合わせる設計が最も安全です。外部アイコンフォントに依存せず、Unicode文字(✔, ★, 1など)を活用すれば追加ファイルの読み込みエラーも防げます。
Q2:スマホ表示のときに箇条書きが読みにくくなる原因は?
A2:項目ごとの下部余白(margin-bottom)が狭小であることと、インデント(左余白)の不足が主因です。スマホ実機では1行の文字数が減るため、余白をPC表示時より20〜30%広めに設定することが有効です。
Q3:パワポで箇条書きを並べるとダサく見えてしまうのはなぜですか?
A3:標準設定のまま「大きな黒丸+長文」で並べていることが原因です。行頭記号を控えめなアクセントカラーの小さなドットに変えるか、四角い薄色ボックス(カード形状)の中にテキストを収めるレイアウトに切り替えるだけで見違えるほどスタイリッシュになります。