- 締切済み
CSSのBOX内だけフォントサイズを変える方法
タイトルそのままCSSのBOX内だけフォントサイズを変える方法を教えて下さい
- takuya12421242
- お礼率96% (494/514)
- CSS
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- tracer
- ベストアンサー率41% (255/621)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
意味がわからないのですが？？ CSSのBOXとは何でしょう？？？ HTML上の特定の要素(要素はタグでマークアップされる)内のフォントサイズを変えるのは、font-sizeプロパティを使います。 <body> <div class="header"><!-- ヘッダ --> <h1>見出し</h1> </div> <div class="section"><!-- 本文 --> <h2>本文見出し</h2> <div class="section"> <h3>サブ項目の見出し</h3> <p>段落</p> </div> ・・・・というHTMLの場合、ここに登場する要素はブロック要素ですが ★7.5.3 ブロックレベル要素と行内要素 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.3 ) そのどれかの要素内のスタイルを変えたいときは、その要素をセレクタ(選択子)で指定します。 ヘッダー内のスタイルを変えたければ、 div.header{} ですし、本文サブ項目中のフォントなら div.section div.section{} ですね。たとえば、本文は、font-size:14px;と指定してある div.section{font-size:14px;} が、サブ項目では少し小さくしたいなら div.section div.section{font-size:0.9em;} というふうに。 このセレクタと言う機能は、スタイルシートで最も重要な仕組みです。 ★5. セレクタ ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/selector.html ) 「CSSのBOX内」という言葉がとても気になります。これは、多分HTMLに<div class="box">とか書かれていると想定されますが、HTMLやCSSの考え方からは、とんでもない間違いです。多分参考にされている参考書かサイトがよいものではないと思われます。
お礼
回答有難う御座いました！
- sabazushimmur
- ベストアンサー率33% (1/3)
質問の文章だと、どういうことをお聞きになりたいのかちょっとわかりにくいのですが。。。 例えば div.sample { width: 300px; background-color: #ffffff; border: 1px #666666 solid; font-size: 80%; } の、font-sizeで任意の数字を指定すればいいのです。 サイト全体で指定しているフォントサイズに対して何パーセント位の大きさか、という指定の仕方です。 ・・・ということをお聞きになりたいのでしょうか？ それとも、他のことでしょうか？ 念のため、わかりやすいサイトをはっておきますね。
- 参考URL：
- http://www.tagindex.com/
お礼
回答有難う御座いました！
お礼
回答有難う御座いました！