WEBデザインの勉強

初心者が1からWEBデザインを勉強するブログ。

Photoshopで文字の様々な数値をCSSの値に変換

参考:
プロなら知っておきたい!Photoshop文字設定とCSSプロパティの相互関係 | それからデザイン スタッフブログ

font-sizeの値をemに変換する

Photoshopのフォントサイズ(px)÷ HTMLでの親要素のフォントサイズ(px)

行送りの値をline-heightの値に変換する

Photoshopの行送りの数値(px)÷ フォントサイズ(px)

ラッキングの値をletter-spacingの値に変換する

Photoshopのトラッキング数値 ÷ 1000