レスポンシブ用のMedia Queriesを使う時に「@media (min-width: 400px) {}」のように「px」を単位に使用している人も多いと思います。しかし、px指定には注意が必要です。 Webページでよく使用される条件で検証を行い、Media Queriesでなぜpxを使ってはいけないのか ...

HTMLで書いた文章の文字間隔を調整するには、CSSのletter-spacingプロパティを使います。単位emやpxを使って望みの字間を数値で指定すれば、細かく自由な幅で文字と文字の距離を広げられます。マイナスの値を指定すれば文字詰めもできます。CSSで字間を広げ ...

HTMLやCSSを学びたての頃はとりあえずpx単位で指定することが多いと思います。その後、emやremなどいろんな単位が出てきて混乱することもあるかもしれません。 それぞれの単位にはメリットとデメリットがあり、なぜその単位を使うのかをしっかりと理解し ...

──CSS設計における単位の本質と使い分けを徹底的に理解する── 【はじめに】CSSにおける「単位」とは何か？ CSSにおける「単位」とは、長さや大きさを定義する数値の単位です。フォントサイズやマージン、パディング、レイアウトの幅・高さなど ...

CSSの単位px、em、remは、どれをどこで使用するのがよいか。 font-sizeの値にはどの単位を使用していますか？ ほかにもメディアクエリを定義する時、マージンを定義する時、widthやheightを定義する時、使用する単位はアクセシビリティに配慮する必要があります。

Escolher uma boa paleta de cores para HTML e CSS é uma das decisões mais importantes no desenvolvimento de um site. As cores influenciam diretamente a experiência do usuário, a identidade visual da ma ...

初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の ...

Durante anos, a comunidade de padrões Web falou sobre a separação de conceitos. Separe seu CSS do seu JavaScript e do seu HTML. Todos nós fazemos isso, certo? CSS vai para seu próprio arquivo; ...