- ベストアンサー
（スタイルシート）文字サイズ変更ができる、できないの基準
例えば<head>内に .px10 {font-size: 10px;} と記述し、 <p class=".px10">10ピクセルの文字</p> 上記のように記述すれば、ブラウザの表示→文字のサイズで文字サイズが変更可能ですが p{font-size:10px;} <p>10ピクセルの文字</p> では文字のサイズがブラウザで変更できないようです。この違いは何でしょうか？<td>タグ内にスタイルシートを記述するかしないか、の違いなんでしょうか？ お分かりになる方がいましたら、ご教授いただけないでしょうか？ よろしくお願いいたします。
- taro707
- お礼率35% (144/404)
- HTML
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
どのブラウザでごらんになられたのでしょうか。 ブラウザをいくつも変えて確認されることをオススメします。 .px10 {font-size: 10px;} と記述した場合、 class指定では <p class="px10"></p> と書きます。 書き方が誤っているため、スタイルが適応されていないだけだと思います。
関連するQ&A
- スタイルシートで指定した大きさにならない・・・
スタイルシートにチャレンジしているのですが、 文字の大きさが指定したとおりになりません。 以下のようにした場合、 ＢＯＤＹの文字を１２ＰＸにしているのですが、 １４ＰＸの文字の方が大きく見えてしまいます。 ---------------------------------------------- <HTML> <HEAD> <TITLE>CCS勉強</TITLE> <STYLE type="text/css"> <!-- BODY{ font-size : 12pt; } .16 { font-size: 16px ; } /* 16 */ .14 { font-size: 14px ; } /* 14px */ .10 { font-size: 10px ; } /* 10px */ --> </STYLE> </HEAD> <BODY><SPAN class="16">16pxの文字</SPAN> <BR> <SPAN class="14">14pxの文字</SPAN><BR> <SPAN class="10">10pxの文字</SPAN> <P>ＢＯＤＹのもじ12px</P> </BODY> </HTML> ---------------------------------------------- 初心者なのでどこが間違っているのかよく分からず 困っていますので、ご存知の方がおられましたらよろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- スタイルシートの文字のサイズを変更したいのにできません・・・
今小説サイトを作っていて、小説ページに外部スタイルシートを呼び出しているかたちにしています。 スタイルシートはホームページのテンプレートについていたものなのですが、基本設定は下のような感じになっています。 /* 基本設定 */ body,td,th{ font-size:65%; color:#333333; font-family:Verdana,Osaka,'MS P Gothic'; font-weight:normal; margin:0px; padding:0px; } body{ text-align:center; } ここのfont-sizeのところを変えれば文字のサイズを変えられるのかと思ったのですが、%の数字を変えてもmediumやlargeにしてもアップした小説ページを見てみると変わっていません。 スタイルシートの変更の仕方がおかしいのでしょうか。 それとも直す部分が違っているのでしょうか。 教えていただけると助かります。
- ベストアンサー
- その他（インターネット・Webサービス）
- スタイルシートの優先順位について
以下のようなHTMLとCSSを記述したとします。 <p>タグに囲まれた「test」という文字に対して、Bodyタグから font-size:10emと、PタグからFontChangeクラスを指定して、 font-size:0.1emを適用しています。 一見、優先順位の高いFontChangeクラスの0.1emが「test」に対して適用されそうに見えますが、 実際には両方のスタイルが適用され、中途半端なフォントサイズになります。 優先順位を無視してスタイルが2重適用されるのは何故でしょうか？ ご教授下さい。 宜しくお願いします。 <html> <head> <style type="text/css"> <!-- body { font-size:10em; } .FontChange{ font-size:0.1em; } --> </style> </head> <body> <p class="FontChange" >test</p> </body> </html>
- ベストアンサー
- HTML
- スタイルシートでの文字サイズ指定について
ホームページの文字表示サイズについての質問です。 私は全てWindows Vistaのメモ帳で作っているのですが、文字サイズを <Font Size="サイズ"> で指定するやり方では、ＭＡＣで有効ではないと分かり、スタイルシートの外部から引き出すやり方で、まずs.cssに、 BODY { font-size: 13px } と書き、index.htmlに <head> <style Type="text/css"> <!-- body,td {line-height:15pt;} --> </style> <link href="s.css" rel="stylesheet" type="text/css"> </head> と打ち込んでみました。 しかし、こうするとMacX10.5では文字化けを起こしてしまいました。 <link href="s.css" rel="stylesheet" type="text/css"> を挿入するやり方がどこかおかしいのでしょうか。 または、文字サイズの指定のやり方が、他にもあるのでしょうか。お手数かと思いますが、どうかお助けください。
- 締切済み
- HTML
- スタイルシート font size
レンタル掲示板にＨＴＭＬを挿入しています。 文字の大きさを指定する時に、 font size="○" で指定する分にはなんら問題はありません（大きさが変化します）が、スタイルシートでテーブルに table style="font-size:○px;" と指定しても変化がありません。 たしかに HEAD 内で指定はしていますが、スタイルシートの優先順位はタグに直接付けたほうが優先されるとあります。 HEAD 内の指定が優先されているようです。 なぜこうなるかがわかりません。 それともお借りしているレンタル掲示板のプログラムがまちがっているのでしょうか？ よろしくお願いします。
- ベストアンサー
- その他（プログラミング・開発）
- ホームページビルダーで・・文字の固定をしたい。
ホームページビルダーＶ６で会社のＨＰを作ったのですが、 ブラウザの文字サイズの変更の影響を受けないように、 文字の固定化をしたいと思いいろいろ調べました。 それで下記のタグを使うと出来るらしいのですが。 どこでどんな風にすればいいのかわかりません。 わかる方教えてください。 ↓ 一応スタイル設定で可能ですけど。 <STYLE TYPE=”text/css”> BODY { FONT-SIZE: 12px; ←ページ内のフォントサイズ } TD { FONT-SIZE: 12px; ←テーブル内のフォントサイズ } </STYLE>
- ベストアンサー
- その他(ソフトウェア)
- テーブルの中の文字もスタイルシートで設定するには
<html> <head> <title>test</title> <STYLE TYPE="text/css"> <!-- h1 { font-size:50%;color:green; } '--> </STYLE> </head> <body> <h1> あああ <br> <table border=1> <tr><td>1</td><td>2</td></tr> <tr><td>3</td><td>4</td></tr> </table> </h1> </body> </html> これだとブラウザで見た時にテーブルの外の文字しか適用されていませんが テーブルの中まで範囲は及ばないのでしょうか？ テーブルの中はテーブルの中専用のタグを作らないとダメでしょうか？ テーブルの外の文字と全く同じにしたいので一気に指定したいです。
- ベストアンサー
- HTML
- Tableタグにスタイルシートを使用したらInternet Explorerで反映されない
教えてgooで見つけた方法を使用し、テーブルタグ内の文字を一括で小さくしようと思って、以下のようにやってみました。 <head> <style type="text/css"> <!-- TABLE.test { font-size: small } --> </style> </head> <table class="test"> <tr><td>スタイルシートのおかげで文字が小さくなりました。</td></tr> しかし、FirefoxとNetscapeブラウザでは、思ったように上手く行ったものの、Internet Explorerでは文字フォントが通常のままで、反映されません。 これはInternet Explorerの仕様でしょうか？ 改善策はありますか？
- 締切済み
- HTML
- Fontのサイズを変更したい(MacのIE対応で)
以前table内のフォントサイズを調整するために<td>タグ内に<span style="font-size:12px;">や<p style="font-size:12px;">といったタグいれることによって上手くいくと教えていただいたのですが、WindowsのIE、ネスケ、およびMacのネスケではこれで上手く見えるのですが、MacのIEには通用しません。マックのIEでフォントサイズを調整するにはどうすれば良いのでしょうか。
- 締切済み
- HTML
- 文字サイズが大きくなってしまう
ＣＳＳで文字サイズを指定しています。 <STYLE TYPE="text/css"> .pt10 {font-size=10.5pt;} </STYLE> ・・・ <TD class="pt10"> こんな感じです。 普通はこれでうまく表示されているのですが、あるパソコンだけ、文字が大きく表示されてしまいます。 ブラウザはＩＥ５．５とＮＣ４．７で試してみましたが どちらも同じで、ブラウザの問題では無いと思います。 原因に思い当たることがあれば教えてください。 よろしくお願いします。
- 締切済み
- HTML
