質問: dreamweaver cs3でメールマガジン用のhtmlを作業してま dreamweaver cs3でメールマガジン用のhtmlを作業してます。 前任者が作ったベースで作業してるので、制御がさっぱりわかりません。 cs以前のゴーライブでの作業は普通に出来ます。 今、格好悪いなぁと思っているのは フォントをさわるたびにstyleが増えてしまっているんです。もうすぐ100近い。 それがメールで一斉に配信されるのがやりきれません。 css?、スタイルシート? できれば、タイトル、見出し、本文、色変え文字3パターンくらいに納めたいのです。 headのコピペを途中までですが下に貼ってみました。 教えて下さい。よろしくお願いします。
回答: まず、不要なものを除去しましょう。 ●第1ステージ: font-weight: normal; font-style: normal; line-height: normal; 何も書かなかった時は normal と自動的に解釈されるので書く必要ありません。 text-align: left; これも基本が左寄りなので書く必要ありません。 body{ text-align: center; } 又は text-align:center; を指定されたタグに囲まれている場合に限り記載します。 間違い: font-size: inherit; font-weight: inherit; font-style: inherit; なにを言いたいのか分かりませんが inherit はfont-size 、font-weight 、font-style に存在しません。 取りあえず排除しましょう。 font-size: medium; も基本が medium なので削除しましょう。 こうなうと、 body で既に 指定されているので td と .style4 が消滅します。 第1段階はこうなります↓ body { font-size: 0.9em; } font { text-decoration: none; } a, a:link, a:visited { color: #f00; text-decoration: none; } a:hover, a:active { color: #fff; background-color: #f00; text-decoration: none; } .bunsho { padding: 4px; text-align: left; } .hard13txt { font-size: 13px; } .hardstandardtxt { font-size: 15px; } .hard12txt { font-size: 12px; } .style17 { font-family: "ms pゴシック", osaka, "ヒラギノ角ゴ pro w3" } .style1 { font-family: "ms pゴシック", osaka, "ヒラギノ角ゴ pro w3"; font-size: small; } .style2 { font-size: small } .style3 { font-family: "ms pゴシック", osaka, "ヒラギノ角ゴ pro w3"; font-weight: bold; font-size: small; } .style4 { font-family: "ms pゴシック", osaka, "ヒラギノ角ゴ pro w3"; } .style22 { color: #ff0000; font-weight: bold; } .style24 { font-family: "ms pゴシック", osaka, "ヒラギノ角ゴ pro w3"; font-size: 12px; font-weight: bold; color: #ff0000; } ●第2ステージ: 今度は短くしましょう。 cssは、同じ命令をいくつも使う場合まとめる事が出来ます。 たとえば、text-decoration: none; 使ってるのは font 、a, a:link, a:visited 、a:hover, a:active これは font, a , a:link , a:visited , a:hover , a:active { text-decoration: none; } あとほとんどで指定しまくってる font-family: "ms pゴシック", osaka, "ヒラギノ角ゴ pro w3" は body { font-family: "ms pゴシック", osaka, "ヒラギノ角ゴ pro w3"; } とでいいと思います。まずどちらが多いかを考えた方が良いです。 font-family: "ms pゴシック", osaka, "ヒラギノ角ゴ pro w3"; を多用するなら body で指定してしまい、 違うフォントを使用する所に違う font-family を指定すればいいのです。 あと基本は左寄りに指定しましょう。 /* こうなります ↓ */ body { font-family: "ms pゴシック", osaka, "ヒラギノ角ゴ pro w3"; font-size: 0.9em; text-align:left; /* ←これで文章、画像などの基本配置が左寄りになる */ } font, a, a:link, a:visited, a:hover, a:active { text-decoration: none; } a, a:link, a:visited , .style22, style24{ color: #f00; /* #f00 と #ff0000 は同じ意味 */ } a:hover, a:active { color: #fff; } .bunsho { padding: 4px; } .hard13txt { font-size: 13px; } .hardstandardtxt { font-size: 15px; } .hard12txt .style24 { font-size: 12px; } font, a, a:link, a:visited, a:hover, a:active { text-decoration: none; } .style1, style2, style3 { font-size: small; } .style3, .style22, style24 { font-weight: bold; } こんな感じでしょうか?