In
Freedom
Everyday
これをブラウザでズレないように表示するために，等幅フォントで表示しようとしました。調べてみると，htmlのタグライブラリには＜ｔｔ＞というタグがあることがわかりました。でもこの＜ｔｔ＞っていうタグはHTML5では削除されることもわかりました。で，代わりにCSSのプロパティ（font-family）にmonospaceを設定すれば良いとのことでした。だけどなぜか等幅にならない。ブラウザの設定が優先されているようです。で，letter-spacingプロパティに15pxと指定して，文字間隔を広げることでそれっぽさを表現してみました。でもずれていると気持ち悪いですねやっぱり。
一番上のhtmlの書き方は良くない例です。span要素でstyleを指定していて，本来文書構造のために使うべきものが，デザインのために使われています。デザイン部分はCSSに書いてしまいましょう。bloggerブログでのCSSの記述の方法は，下記に記載があります。
0 件のコメント:
コメントを投稿