fv17の日記

Webエンジニアの備忘用ブログです。主にWeb界隈の技術に関して書いています。

CSS

可読性の高いHTMLとCSSの書き方

Qiitaの記事qiita.com

CSSプリプロセッサとは - Sass(SCSS)、PostCSS、Stylus、Less

CSSプリプロセッサとは CSSをよりプログラミングに近い形で表現し、生のCSSよりも可読性や保守性を向上させた言語のこと。CSSにはない、ネスト(入れ子構造)や変数などといった概念があり、より簡潔に、分かりやすく記述することができる。 それぞれのプリプ…

【CSS】リスト(liタグ)のマークを非表示にする list-style:none

CSS

liタグのマークを表示しないようにする li { list-style: none; }

【CSS】文字まわりのプロパティ

CSS

font-size フォントのサイズ 数値指定:px、em、rem、vw、vhなど (pxでの指定はレスポンシブ的に良くない) キーワード指定:xx-small、x-small、small、medium、large、x-large、xx-large font-weight フォントの太さ キーワード指定:normal、bold、lighter…

【CSS】text-alignの使い方

CSS

役割 文字や画像の位置を、画面の左右、中央に寄せる。 注意点 text-alignプロパティは、インライン要素(aタグやimgタグ、spanタグなど)に対して使うことはできない。ブロック要素に対してのみ使える。そのため、aタグやimgタグに対して使いたい場合は、そ…

【CSS】text-alignの使い方

CSS

役割 文字や画像の位置を、画面の左、中央、右と指定する。 注意点 text-alignプロパティは、インライン要素(aタグやimgタグ、spanタグなど)に対して使うことはできない。ブロック要素に対してのみ使える。そのため、aタグやimgタグに対して使いたい場合は…