fontタグとスタイルシートの相対値
- CSSでのfontタグとスタイルシートの相対値について質問です。
- fontタグは一つ上のdivのスタイルシートに影響せずにfont sizeで完結していますか？
- 値を相対的に変化させることはスタイルシートのしくみで可能でしょうか？
- ベストアンサー
fontタグとスタイルシートの相対値
CSSでこういう使い方はありえないかもしれませんが、 １は60ptですが、２，３は何ptですか？ このようにfontタグは一つ上のdivのスタイルシートに影響せずにfont sizeで完結していますが 値を相対的に変化させる（例えばdivの値の20%とか）ことはスタイルシートのしくみでありますか？ <style type="text/css"> <!-- .a { font-size:60pt; } --> </style> <!-- １ --> <div class="a">60pt</div> <!-- ２ --> <div class="a"><font size="-1">？px</font></div> <!-- ３ --> <div class="a"><font size="1">？px</font></div>
- su31fox
- お礼率8% (2/25)
- HTML
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
%やsmaller, largerが親要素に対する相対サイズです。 参照URLに細かく掲載されています。
関連するQ&A
- スタイルシート
スタイルシートで、<style type="text/css"> で始まりますが、フォントなどの色を変える時に span style="font-size:20pt">大きなフォント</span> のように、後の="text/css"はつけなくてもよいのでしょうか？
- ベストアンサー
- その他（プログラミング・開発）
- 外部スタイルシートについて・・・
外部スタイルシートを書きたいのですが、 まだ良くわかってない点があるので教えてくださると嬉しいんですが・・・（ＴＴ） 今はＨＴＭＬのヘッダ内に書いております。 <style TYPE="text/css"> </style> Ｑ１，上の部分は外部スタイルシートにすると、いらないのでしょうか？ Ｑ２，下の部分は外部スタイルシートにしてもスタイルシート内に、書く事ができますか？書くと不具合の原因になるのでしょうか？ <!-- //忘れてしまうので、ここにコメント書きたいです。 できれば、スタイルシートを表示できない？ブラウザの人へ配慮したいと思うので、 <!-- は、あった方が自分が忘れなくていいかと思うのですが・・・。 Ｑ３，ブラウザによって変になる、例えばとっても古いバージョンのネスケなどでも表示できるといいのですが 下記で問題あるのでしょうか？ もし良かったら下の内容をこうした方がいいという アドバイスがあると嬉しいです。 質問の仕方が良くないかもしれませんが教えて下さい（ＴＴ） <style TYPE="text/css"> <!-- //忘れてしまうので、ここにコメント書きたいです。 a:link {font-size: 11pt; text-decoration:none; color:#C7A17E;} a:visited {font-size: 11pt; text-decoration:none; color:#C7A17E;} a:active {font-size: 11pt; text-decoration:none; color:#C7A17E;} a:hover {font-size: 11pt; text-decoration:underline; color:#FF9966;} td {font-size: 11pt;} span {font-size: 11pt;} BODY {font-size: 11pt; } LI {font-size: 11pt;} --> </style>
- ベストアンサー
- HTML
- スタイルシートで指定した大きさにならない・・・
スタイルシートにチャレンジしているのですが、 文字の大きさが指定したとおりになりません。 以下のようにした場合、 ＢＯＤＹの文字を１２ＰＸにしているのですが、 １４ＰＸの文字の方が大きく見えてしまいます。 ---------------------------------------------- <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サービス）
- スタイルシートでのセンタリングについて。
スタイルシートでセンタリングをしたいのですが、できなくて困っています。 以下のような場合に、センタリングをしようと思い「text-align:center;」を追加しましたがセンタリングされません。 どうしたらセンタリングできるでしょうか？ ソース ------------------------------------ <html> <head> <title></title> <style type="text/css"> <!-- .test{ font-size: 10pt; font-family: ＭＳ 明朝; margin: 1px; padding: 1% 10%; border: outset 1px #EEDDFF; } --> </style> </head> <body> <span class=test>○○○○○</span> </body> </html>
- ベストアンサー
- HTML
- ＩＥ７でスタイルシートの表示がうまくいかなくなった
これまで使っていたスタイルシートがＩＥ７ではＩＥ６までの時のように表示されなくなりました。 ＩＥ７環境でもＩＥ６環境と同じように表示させるには、スタイルシートをどのように直したらよいでしょう。 ■スタイルシートのソース <style type="text/css"> p {font-size=12pt;Letter-spacing:0.3pt;line-height:15pt;} a:link {color:blue;text-decoration:none;} a:active {color:blue;text-decoration:none;} a:visited {color:lightseagreen;text-decoration:none;} a:hover{text-decoration:none;background:brown;color:white} <!-- body{ scrollbar-shadow-color:blue; scrollbar-face-color:antiquewhite; scrollbar-Highlight-Color:cornflowerblue; scrollbar-arrow-color:dodgerblue; } --> div.blocka { float: left; width: 69%; } div.blockc { clear: both; } </style> ■想定している表示（ＩＥ６で実現できている表示） <div class="blocka"> 以下を左側に６９％幅で表示 </div> <div class="blockb"> 以下を右側に表示 </div> <div class="blockc"> 以下をａ｜ｂの下に表示 </div> ａ（69%）｜ ｂ －－－－－－－－－－－ ｃ
- ベストアンサー
- CSS
- スタイルシートについて教えてください。
<style type="text/css"> <!-- .copy { font-size: 10pt} .privacy { font-size: 7pt} .news_midashi { font-size: 10pt; color: #333333} .news_honbun { font-size: 10pt} --> </style> という形で指定しています。IEで見たときは特に問題ないのですが、 Netscape6.0で見た場合、スタイルシートで決めたはずのテキストの 大きさが変更できるようになってしまいます。 この場合、どういった形で指定すればよいのでしょうか。 教えてください。
- ベストアンサー
- HTML
- スタイルシートのフォント指定について
お世話になっております。 CSSのフォント指定について、お伺いしたい事があります。 font-size:95%; などの "%"指定なんですけど、100%は何が基準になっているのでしょうか？ font size="3" くらいですかね。具体的に何ピクセルか知りたいです。 あと、フォント指定をする時は相対的な単位で指定するのがベストと聞きましたが、"pt"や"px" は、やめた方がいいのでしょうか。 どなたか知っている方いましたら、よろしくお願いします！
- ベストアンサー
- HTML
- スタイルシート、ネスケで基本のフォントサイズが適用されない
スタイルシートを外部ファイルとして呼び出して、スタイルを下記の様に指定しました。 <style type="text/css"> <!-- body{font-size:13px;} table{font-size:13px;} --> </style> IEではページ全体のテキスト、テーブル内のテキストともに13pxで表示されるのですが、ネスケだとテーブル内の13pxは適用されてもページ全体のテキストに13pxが適用されません。emや%といった単位や相対・絶対値の違いではないと思うのですが、ネスケのページ全体のテキストの指定には他に記述があるのでしょうか？ できればスタイルシート1つでIEでもネスケでもある程度同じに見えるようにしたいのですが…お願いします。
- ベストアンサー
- HTML
- スタイルシートのフォントの変更について
ホームページ作成初心者です。本を見ながらメモ帳でスタイルシートを使ってページを作成中です。 <style type="text/css"><!-- h1{font-size:40px;font-family:'Comic Sans MS'} --></style> 以上のように指定しているのですが、この欧文フォントが表示されません。 h1の文字列はローマ字です。 （PCにはこのフォントは入っています） どうぞ宜しくお願いします。
- ベストアンサー
- HTML
- インラインで設定したフォントサイズを相対的に
今既にあるPCサイトのスマホ用テンプレートを作っています。 例えば <span class="hage" style="font-size:20px">hoge</span><br /> <span class="hage" style="font-size:18px">hogege</span> こういうHTMLが既にあったとして スマホで見ると20pxや18pxがでかい！と思ったときに 相対的に全体のサイズを下げることは不可能でしょうか？ hogeはhogegeより大きくしたいのですが CSSで.hage{font-size:14px;}などとしてしまうと 当たり前ですが全部14pxになってしまいます。 PCで見たときは上記の通りで スマホで見たら <span class="hage" style="font-size:14px">hoge</span><br /> <span class="hage" style="font-size:12px">hogege</span> こう表示される、なんてことは出来るんでしょうか？ JSなどによる動的な操作は重くなりそうなのでそれ以外にありましたら お知恵をお貸し下さい。
- ベストアンサー
- CSS
