- ベストアンサー
CSSの＞と＋の意味と使い方について
- CSSの＞や＋はセレクタ内で使用され、要素間の関係性を表します。
- ＞は親要素と子要素の関係を示し、子要素のスタイルを親要素に対して指定する際に使用されます。
- ＋は隣接する要素の関係を示し、直前の要素に対してスタイルを指定する際に使用されます。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
関連するQ&A
- このＣＳＳで間違いがありますか？
下記のＣＳＳで上手く認識しません。 どこか間違いがありますでしょうか？ お詳しい方宜しく願います。 table.cal tr td{ padding:2px; border-style:none; color:#575757; } tr.out{ margin:20px 20px 10px 20px; text-indent:0em; font-size :12px; letter-spacing:0.2em; line-height:1.5; color:#575757; } td.outs{ margin:20px 20px 10px 20px; text-indent:0em; font-size :12px; letter-spacing:0.2em; line-height:1.5; color:#575757; }
- ベストアンサー
- その他([技術者向] コンピューター)
- 2beeブログで行間と文字の間隔を指定したい
みなさん、こんにちは。 私は2beeのブログを利用しているのですが、行間と文字の間隔をCSSで空けようとすると、改行がおかしくなってしまいます。ちなみに私のヘッダーに打ったタグは… <style type="text/css"> <!-- H1{font-size:10px; font-weight:lighter; line-height:18px; letter-spacing:4px;} H2{font-size:10px; font-weight:lighter; color:#555; line-height:18px; letter-spacing:4px;}--> </style> の２種類です。また、これを使わずに、ボディに <span style="font-size:10px; font-weight:lighter; line-height:18px; letter-spacing:4px;"><!--body--></span> と打っても、行間が揃わず、改行も上手くいきませんでした。 とても困っているので、いい方法がありましたら、ご回答おねがいします。
- 締切済み
- ブログ
- このCSSの意味を教えてください！
この前見ていたホームページのCSSで今まで見たことのないCSSを見つけました。 body { font: normal 11pt/14pt "ＭＳゴシック", "Osaka"; color: #000000; letter-spacing: 0.3px} この意味を知りたいのですが、一番気になっているのは一番上のフォント設定なのです。 この場合11ptの文字で表示するということなのか、16ptの文字で表示するということなのか、いまいちよくわからないので、このCSSを使った場合にどのような設定になるかを教えてください。よろしくお願いいたします。
- ベストアンサー
- CSS
- ブラウザごとにCSS?
こんにちは。 HTMLとCSSを使ったホームページを作っています。 確認用のブラウザにSleipnirを使っています。 下のように記述し、ブラウザエンジンを切り替えて見たところ、それぞれ幅が違うことに気づきました。 幅が異なると、デザインもグチャグチャになってくるので、大変困っています。 これを回避、対処する方法を教えて欲しいです。 補足もなるべく早くさせてもらいます。 どうかよろしくお願いします。 <style type="text/css"> div{ border:solid #cccccc 1px; width:750px; margin:5px; } #all{ width:800px; height:auto; text-align:center; } #header{ height:200px; } #main{ height:auto !important; height:15em; min-height:15em; } #footer{ font-size:10px; height:2em; } </style> <div id="all"> <div id="header"> </div> <div id="main"> </div> <div id="footer"> </div> </div>
- ベストアンサー
- HTML
- 外部ＣＳＳをかくには。
ＨＰのページひとつひとつにいちいちスタイルシートをかいていくのが 面倒になったので外部ＣＳＳでまとめてしまおうと 思ったのですが、上手くいきません。 ちなみにこうかいております↓ <STYLE TYPE="text/css"> <!-- BODY { letter-spacing:7px; line-height:15pt; } --> </STYLE> <style type="text/css"> <!-- body { scrollbar-face-color: #FF9900; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #000000; scrollbar-track-color: #ff9900; scrollbar-darkshadow-color: #ffffff; } --> </STYLE> <STYLE TYPE="text/css"><!--A{text-decoration:none;}A:hover{text-decoration:underline overline;}--></STYLE> <style type=text/css><!--a{text-decoration:none;}--></style> <style><!--BODY{font-size:8pt;}--></STYLE> どこか悪い点がありましたら教えてください。
- ベストアンサー
- HTML
- フォントサイズの設定変更 ＣＳＳ
ホームページテンプレート・ＣＳＳを個人サイトよりお借りして 作成しております。 ＣＳＳで、 * { margin : 0; padding : 0; color : #000; font : normal 10px Verdana; line-height : 200%; letter-spacing : 0.2em; } このような記述があり、ページ全体がここで設定されているフォントサイズ になっています。 ただしある一部分だけ個別にフォントサイズを変更したいのですが、 ＨＴＭＬ側に記載してもこのＣＳＳのほうが優先されてしまい 反映しません。 設定する方法は無いのでしょうか？ご回答お願いいたします。
- ベストアンサー
- HTML
- HTML、CSSについて教えてください。
以前質問しましたが、私の準備が出来ていなくて、回答者の方にはご迷惑をお掛けしました。 改めて、以下のように質問させていただきます。よろしくお願い申し上げます。 １．縦二段、右から左へ移行は、何とか格好はつきましたが、記述に問題はないでしょうか。 2． Txtも「valign="top" align="right"」の記述したのですが、有効ではありません。記述に問題 があるのだと思いますが、色々やってみましたが、うまくいきません。 よろしくご指導いただきますよう、お願い申し上げます。 本体記述 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html><head><title>縦テーブル右から左へ</title> <meta content="text/html; charset=shift_jis" http-equiv="Content-Type"> <link href="style.css" rel="stylesheet" type="text/css"> <style type="text/css"> <!-- .vertical { writing-mode: tb-rl; direction: ltr; } --> </style> <link rel="stylesheet" href="sample.css" type="text/css"> </head> <body> <table border="1" cellspacing="1" cellpadding="1" align="right"> <tr> <td height="50" valign="top"><p class="sample2"><font face="ＭＳ 明朝">１</p></font></td> </tr> <tr> <td height="500" valign="top"><p class="sample2" ><font face="ＭＳ 明朝">アアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアアア</font></p></td> </tr> </table> <table border="1" cellspacing="0" cellpadding="0" align="right"> <tr> <td height="50" valign="top"><p class="sample2"><font face="ＭＳ 明朝">２</font></p></td> </tr> <tr> <td height="500" valign="top"><p class="sample2"><font face="ＭＳ 明朝">エエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエエ</font></p><font face="ＭＳ 明朝"> </font></td> </tr> </table> <table border="1" cellspacing="0" cellpadding="0" align="right"> <tr> <td height="50" valign="top"><p class="sample2"><font face="ＭＳ 明朝">３</font></p></td> </tr> <tr> <td height="500" valign="top"><p class="sample2"><font face="ＭＳ 明朝">オオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオオ</font></p> </td> </tr> </table> </body></html> -------------------------------------------------------------------------- 外部記述 [sample.css] <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title></title> </head> <body> p.sample1 {writing-mode: lr-tb; vertical-align:top;} p.sample2 {writing-mode: tb-rl; vertical-align:top;} </body> </html>
- ベストアンサー
- ホームページ作成ソフト
- CSSで高さ100％のレイアウト
テーブルを使用せずCSSでのレイアウトなのですが フッター位置をブラウザの一番下にマージン無しで指定したいのですが出来ません。 テーブルでは <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top">内容</td> </tr> <tr> <td valign="bottom">フッター</td> </tr> </table> というように指定していたのですが CSSでのレイアウトはHTMLを <div id="container"> <div class="content">内容</div> <div id="footer">フッター</div> </div> .CSS では #container { height: 100%; } は無効なのでしょうか？ 他のやり方でもフッターをブラウザの一番下にマージン無しでレイアウトできる方法があったら教えて下さい。
- ベストアンサー
- CSS
- operaだとテーブルがなくなります
operaだテーブルがなくなります IEだと問題なく表示されるのに だれか助けてください style.css body{background-color:#ffff99;margin:0px; font-size:large; font-family:"HG正楷書体-PRO","HG行書体","HGP行書体",cursive} .cur{font-family:cursive} .ser{font-family:serif} } table{background-color:#ff9933; width:100%; height:10% } .midori{background-color:#999933; width:100%; height:3.3% } ｈｔｍｌのほうは <HTML> <HEAD> <TITLE></TITLE> <link href="style.css" rel="stylesheet" type="text/css"> </HEAD> <BODY> <table><tr ><td></td></tr></table> <table class="midori"> <tr ><td></td></tr></table> <table style="height:6.7%"> <tr ><td></td></tr></table> <table style="position:absolute; left: 0px; bottom:8%; width:8%; height:100%; background-color:#993300"> <tr ><td></td></tr></table> <table style="position:absolute; bottom:0; height=8% " class="midori"> <tr ><td></td></tr></table> </BODY> </HTML> こんな感じなのですが どうしてでしょうか
- ベストアンサー
- HTML
- CSSの画像置換
CSSの画像置換のため、以下の通りに書いています。 PCで見た際には画像が正常に表示されるのですが、 スマホで見た場合、widthが625pxで指定してあるのではみ出してしまうのです。 これを100%等にすると画像が欠けてしまいます。 この場合はどの様にするべきでしょうか？ 宜しくお願いします。 .txtint { text-indent: 100%; white-space: nowrap; overflow: hidden; } .txt_btm30 { font-size: 105%; letter-spacing: 0.05em; line-height: 170%; margin: 10px 0 30px; width: 100%; } <p class="txtint txt_btm30" style="background: url('***.gif') no-repeat; width:625px; height:118px">テキスト</p>
- 締切済み
- CSS
お礼
ありがとうございました。 大変参考になりました。 CSSにパターンマッチングが使えるのですね。 ※以前に締め切ったと思っていたのですが、お礼、締め切りが消えていました。。なぜ？