タグ付けされた質問 「css」

CSS（Cascading Style Sheets）は、HTML（HyperText Markup Language）、XML（Extensible Markup Language）ドキュメント、および色、レイアウト、フォントを含む（これらに限定されない）SVG要素の外観とフォーマットを記述するために使用される表現スタイルシート言語です。とアニメーション。また、画面、紙、音声、またはその他のメディアで要素をレンダリングする方法についても説明します。

5
<script>タグはいつ表示する必要があり、なぜ表示できるのですか？
表示されるようにscriptスタイル設定された要素display:block。なぜそれが可能であり、それが望まれる実際のユースケースがあるのですか？ td &gt; * { display: block; } &lt;table&gt; &lt;tr&gt; &lt;td&gt; &lt;script type="text/javascript"&gt; var test = 1; &lt;/script&gt;von 1 &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; コードスニペットを実行する結果を非表示スニペットを展開
142 html  css  script-tag 
14
imgタグに間違った向きが表示される
このリンクに画像があります：http : //d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg ご覧のとおり、これは正しい向きの通常の画像です。ただし、このリンクをイメージタグのsrc属性に設定すると、イメージが上下逆になります。http://jsfiddle.net/7j5xJ/ &lt;img src="http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg" width="200"/&gt; コードスニペットを実行する結果を非表示スニペットを展開 何が起こっているのかわかりますか？
142 html  css  image 
4
inline / inline-block要素のCSS垂直方向の配置
私はいくつかの取得しようとしているinlineとinline-blockコンポーネントはに垂直方向に整列しますdiv。どうしてspanこの例では、プッシュダウンさを主張していますか？との両方vertical-align:middle;を試しましたvertical-align:top;が、何も変わりません。 HTML： &lt;div&gt; &lt;a&gt;&lt;/a&gt;&lt;a&gt;&lt;/a&gt; &lt;span&gt;Some text&lt;/span&gt; &lt;/div&gt;​ CSS： a { background-color:#FFF; width:20px; height:20px; display:inline-block; border:solid black 1px; } div { background:yellow; vertical-align:middle; } span { background:red; } RESULT： FIDDLE
6
要素から '：hover' CSS動作を削除します
要素にカーソルを合わせると書式が変更されるCSSがあります。 HTML： &lt;div class="test"&gt; blah &lt;/div&gt; CSS： .test:hover { border: 1px solid red; } ホバーにCSSを適用したくない場合があります。1つの方法は、jQueryを使用してdivからCSSクラスを削除することですが、そのクラスを使用してその子要素をフォーマットしているため、他のことが壊れます。 それで私は質問に行きました：要素から「ホバー」のCSSスタイルを削除する方法はありますか？
142 html  css 
16
Overflow-x：hiddenは、モバイルブラウザーでのコンテンツのオーバーフローを防止しません
ここにウェブサイトがあります。 デスクトップブラウザで見ると、黒いメニューバーが正しく以来、唯一のウィンドウの端まで伸びbodyていますoverflow-x:hidden。 AndroidとiOSのどちらのモバイルブラウザーでも、黒いメニューバーは全幅で表示され、ページの右側に空白が表示されます。私の知る限り、この空白はタグhtmlやbodyタグの一部でもありません。 ビューポートを特定の幅に設定したとしても&lt;head&gt;： &lt;meta name="viewport" content="width=1100, initial-scale=1"&gt; サイトは1100pxまで拡大しますが、1100を超える空白があります。 何が欠けていますか？ビューポートを1100に保ち、オーバーフローを遮断するにはどうすればよいですか？
5
Google Chromeに「フォントスムージング」はありますか？
私はgoogle webfontsを使用していますが、それらは非常に大きなフォントサイズで問題ありませんが、18ピクセルではひどいように見えます。私はフォントスムージングの解決策があることをあちこちで読んだことがありますが、それを明確に説明する場所は見つけられず、見つけたいくつかのスニペットはまったく機能しません。 私h4はほとんどすべてのブラウザでひどいように見えますが、Chromeは最悪です。Chromeでは、私のフォントのほとんどすべてがひどく見えます。 誰かが私を正しい方向に向けることができますか？おそらく、これを明確に説明するリソースを知っていますか？ありがとう！ スクリーンショットの例＃1 このスクリーンショットは、Googleが作成したプログラミング言語であるhttps://www.dartlang.org/のホームページを示しており（このWebサイトもGoogleによって作成されていることを意味します）、Google Webfontsを使用しています。 スクリーンショットの左側はGoogle Chrome、右側はFirefox / Internet Explorerです。： スクリーンショットの例＃2 このスクリーンショットは、Typekitが提供するWebフォントを使用したAdobe.comの製品情報ページを示しています。AdobeとTypekitは、フォントに関しては専門家です。 スクリーンショットは、右側にGoogle Chrome、左側にFirefox / Internet Explorerを示しています。
15
ページが画面より大きい場合に画面中央にdivを配置する方法
こんにちは、画面の中央にdivを配置するために、次のようなものを使用しています。 &lt;style type="text/css"&gt; #mydiv { position:absolute; top: 50%; left: 50%; width:30em; height:18em; margin-top: -9em; /*set to a negative number 1/2 of your height*/ margin-left: -15em; /*set to a negative number 1/2 of your width*/ border: 1px solid #ccc; background-color: #f3f3f3; } &lt;/style&gt; &lt;div id="mydiv"&gt;Test Div&lt;/div&gt; ただし、この問題は、アイテムが画面ではなくページの中央に配置されることです。したがって、ページが数画面の高さであり、ページの上部にいる場合（パーツの上部が画面に表示されている場合）、divを表示すると画面に表示されません。表示するには下にスクロールする必要があります。 画面の中央に表示する方法を教えてください。
141 css  html  window  center 
6
HTMLテーブルからボーダーを完全に削除する方法
私の目標は、「フォトフレーム」に似たHTMLページを作成することです。つまり、4枚の写真で囲まれた白紙のページを作りたいです。 これは私のコードです： &lt;table&gt; &lt;tr&gt; &lt;td class="bTop" colspan="3"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class="bLeft"&gt; &lt;/td&gt; &lt;td class="middle"&gt; &lt;/td&gt; &lt;td class="bRight"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class="bBottom" colspan="3"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; また、CSSクラスは次のとおりです。 .bTop { width: 960px; height: 111px; background-image: url('../Images/BackTop.jpg'); } .bLeft { width: 212px; height: 280px; background-image: url('../Images/BackLeft.jpg'); } .middle { width: 536px; …
4
メディアクエリ-2つの幅の間
CSS3メディアクエリを使用して、幅が400pxより大きく900pxより小さい場合にのみ表示されるクラスを作成しようとしています。これはおそらく非常に単純で、明らかなものがないのはわかっていますが、理解できません。私が思いついたのは以下のコードです、どんな助けにも感謝します。 @media (max-width:400px) and (min-width:900px) { .class { display: none; } }
141 css  media-queries 
6
HTMLページの印刷中のマージン
印刷用に別のスタイルシートを使用しています。印刷マージンを設定するスタイルシートで左右のマージンを設定することは可能ですか（つまり、用紙のマージン）。 ありがとう。
141 html  css  printing  stylesheet 
9
インラインCSSでCSS：beforeおよび：after疑似要素を使用していますか？
インラインCSS（つまり、style属性内のCSS ）を使用してHTMLメール署名を作成しています。:beforeおよび:after疑似要素を使用できるかどうかについて知りたいです。 もしそうなら、インラインCSSでこのようなものをどのように実装しますか？ td { text-align: justify; } td:after { content: ""; display: inline-block; width: 100%; }
14
タッチデバイスで：hover cssスタイルを削除/無視する方法
:hoverユーザーがタッチデバイス経由で当社のWebサイトにアクセスした場合、すべてのCSS宣言を無視したいと思います。ので、:hoverCSSは意味がない、と要素がフォーカスを失うまで、それは固執する可能性があるので、それもクリック/タップにタブレットトリガ場合は、それを邪魔することができます。正直なところ、なぜタッチデバイスが:hover最初にトリガーの必要性を感じるのかはわかりませんが、これは現実であり、この問題も現実です。 a:hover { color:blue; border-color:green; // etc. &gt; ignore all at once for touch devices } それで、（どのように）:hover宣言したタッチデバイスのすべてのCSS 宣言を一度に（それぞれを知る必要なく）削除/無視できますか？
141 html  css  hover  touch 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.