font-sizeについての疑問
- CSSのfont-sizeについての疑問について解説します。
- font-sizeのx-smallとsmallの指定にはどのような意味があるのでしょうか？
- この記事では、font-sizeの指定方法や意味について詳しく説明します。
- ベストアンサー
font-sizeについて
ブログのレイアウトを私オリジナルのものに変えたくて、今のCSSの記述を読んでいたのですが、よくわからない記述がありました。 /*---------- CSS部分 ----------*/ body { background-color: 背景色; color: 文字色; text-align: center; font-family: フォントの種類; font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: small; } わからない点は1点です。 1、上記でまず、「font-size: x-small;」と指定してあるのですが、最後に「font-size: small;」と指定しなおしています。これはどのような意味があるのですか？ なぜ2回も指定しているのでしょうか？ すいません、ご教授よろしくお願いします。
- CSS
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
カスケーディングスタイルシートでは、出所・優先順位・詳細度が同じ場合、後から登場したものが前の指定を上書きします。 何らかの都合で変更したのだが、元の指定を残しておきたいときなどに重複して記述することは多いです。
関連するQ&A
- cssで指定するfontサイズについて教えてくだい
初歩的な質問で恐縮です。 cssの記述について質問いたします。 下記のようにcssを記述しているのですが、 一部だけ「font-size: small」を解除する方法はあるのでしょうか？ （要は、一部分をfont-size: X-smallにしたいのです。） * { font-size: small; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; color: #454545; letter-spacing: 0.05em; line-height: 180%; } a:link { color: #7B0215; text-decoration: none; } よろしくお願いいたします。
- ベストアンサー
- CSS
- フォントサイズがaタグで囲うとだと元に戻る
すみません。なぜかわからず困っています。よろしくお願いします。 .navi{ text-align:right; font-size:x-small; padding:5px; } で、.naviの中のテキストはx-smallになるのにaタグで囲ったテキストの部分のみ元々のsmallサイズのテキストになってしまします。 aタグを指定して font-size:x-small;とすると表示がxxx-small位になって読めなくなります。いったいなぜなのでしょうか・・・ *{ margin:0px; padding:0px; font-style:normal; font-family: Osaka,Geneva,Arial,Helvetica,sans-serif; font-size:small; line-height:1.5; list-style:none; }
- 締切済み
- HTML
- font-sizeが効きません
どうしてもfont-sizeが効きません。もう、昨日からずっと格闘しております・・・ ninjaブログへの指定はこれでうまくいっているのですが、 ホームページのほうは何故かfont-sizeだけダメなのです。 理由と解決策をお聞かせ頂けますとうれしいです！よろしくお願い致します。 body { background-color : #210709; background-image: url("bg_kusa.jpg"); background-position:bottom center; background-repeat:no-repeat; background-attachment:fixed; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#444; font-size: 60%; }
- ベストアンサー
- CSS
- body font-size:13px; IE6
CSSライブラリ YUIの font-size:13px; からの font-size:100%; のセットで、 /* YUIのCSS */ body{ font-size: 13px; *font-size: small; *font: x-small; } div{font-size: 100%;} この場合の以下は、 ------------------- *font-size: small; *font: x-small; ------------------- IE6用の font-size: small と font-size: x-small の為にあるのでしょうか？ それなら、CSSでfont-size: small; と font-size: x-small;を使わないで、font-size: 85%;とか使えば上記のハック不要って事でしょうか？ <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 上記の様なXHTML,１行目xml宣言付きの場合、 IE6用の *font-size: small; *font: x-small; を書いても font-size: small と font-size: x-small が小さくならないので、 xml宣言ありでIE6では標準にならないのでハック不要って事ですか？ IE6で見てもハックを付けても消しても同じなんですが・・・ なんか間違っているのでしょうか？
- ベストアンサー
- HTML
- （携帯XHTMLで書いた）フォントのサイズが小さくならない
携帯でホームページを作っています。 スタイルシート（i-CSS）を使って文字のサイズを小さくしたいのですが、 思い通りのサイズになりません。 （font-size:xx-small;）で指定しても（font-size:small;）で指定してもサイズが変わらない。 問題のソースです。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.0) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" dir="ltr"> <head> <meta content="text/html; charset=shift_jis" http-equiv="content-type" /> <style type="text/css"> <!--[CDATA[ a:link{color:#3c5fcc;} a:hover{color:#996600;background-color:#FFF4E0;text-decoration:none;} a:visited{color:#990099;} ]]--> </style> <title>トップページ</title> </head> <body> <div style="text-align:center;"> <span style="font-size:xx-small;">タグテスト</span> </div><br /> <span style="font-size:xx-small;"> <a href="tabletest.html">1.テーブル</a> </span> </body> </html> 原因がわからないので、いろいろとサイトを調べてみて試したのですが、原因がつかめず途方に暮れています。 どなたかわかる方いましたら、ご教授お願いします。 あと参考になるサイトなどがありましたら教えてください。
- 締切済み
- XML
- DreamWeaver CS3でメールマガジン用のHTMLを作業してま
DreamWeaver CS3でメールマガジン用のHTMLを作業してます。 前任者が作ったベースで作業してるので、制御がさっぱりわかりません。 CS以前のゴーライブでの作業は普通に出来ます。 今、格好悪いなぁと思っているのは フォントをさわるたびにStyleが増えてしまっているんです。もうすぐ100近い。 それがメールで一斉に配信されるのがやりきれません。 CSS?、スタイルシート？ できれば、タイトル、見出し、本文、色変え文字3パターンくらいに納めたいのです。 headのコピペを途中までですが下に貼ってみました。 教えて下さい。よろしくお願いします。 <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <style type="text/css"> body { font-size: 0.9em; } font { font-size: inherit; font-weight: normal; font-style: normal; line-height: normal; text-decoration: none; } p { font-weight: inherit; font-style: inherit; } a, a:link, a:visited { color: #f00; text-decoration: none } a:hover, a:active { color: #fff; background-color: #f00; text-decoration: none; } td {text-align:left;} .bunsho { padding: 4px;text-align:left; } .hard13txt { font-size: 13px; } .hardstandardtxt { font-size: 15px; } .hard12txt { font-size: 12px; } .style17 {font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"} .style1 { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: small; } .style2 {font-size: small} .style3 { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-weight: bold; font-size: small; } .style4 { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: medium; } .style22 { color: #FF0000; font-weight: bold; } .style24 { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 12px; font-weight: bold; color: #FF0000; }
- 締切済み
- ホームページ作成ソフト
- cssで最適なfont-sizeの指定は？
（ブログのカスタマイズ初心者です。過去ログを探しても見つからなかったので、質問させて下さい） cssでのfont-sizeの記述は、どのような形が最適でしょうか？ px, em, ％, mediamやsmall、その他、単位が色々あって、迷ってしまいます。 pxで指定するのが一般的な気がしますが、IEで文字サイズを変えた時に、変わらないのが不便な気がします。 body {font-size: small; line-height: 160%; } のような形が良いように思いますが、あまり見かけません。 皆様は、どのようにしていらっしゃるのか、教えて頂けたらと思います。 よろしくお願い致します。
- ベストアンサー
- ブログ
- font-family、font-sizeについて
こんばんは。 今自分のサイトを作っているのですが、普通にCSSでフォントの種類（font-family:英数字だったら○○、日本語だったら○○など）・大きさ（font-size:ピクセルかパーセント）などはどのように指定をするのが一般的でしょうか？
- 締切済み
- HTML
- フォントサイズを変えるには？
print "<table width=600 border=0 align=center> <tr> <td align=center>\n"; print "<br><br><font size='2' color=$t_color><small>*** 編集・削除用 ***</small></font><br>\n"; print "<select name=mode>\n"; print "<option value=usr_edt>編集\n"; print "<option value=usr_del>削除</select>\n"; print "パスワード <input type=password name=pwd size=4 maxlength=8>\n"; print "<input type=submit value=\"送信\"> </form> </td> </tr> </table>\n"; 上の、「編集」と「削除」という文字のサイズを変えたいのですが、 どうすればいいのですか？ <font size='2'>とか入れたけど、変わりませんでした。 （入れた場所が悪かったのかな？？） お願いします。
- ベストアンサー
- CGI
お礼
なるほど。そういうことだったのですか。 それでは、どちらか一方の指定を消しても大丈夫ですね。 回答ありがとうございました。 助かりました。