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

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

7
CSSで:hoverとして機能するインラインスタイル
影響を受けるHTMLタグにCSSスタイルを直接埋め込むと、CSSの目的の多くが損なわれることは知っていますが、次のようにデバッグの目的で役立つ場合があります。 <p style="font-size: 24px">asdf</p> 次のようなルールを埋め込むための構文は何ですか。 a:hover {text-decoration: underline;} Aタグのスタイル属性に?明らかにこれではありません... <a href="foo" style="text-decoration: underline">bar</a> ...ホバー中だけではなく、常に適用されるためです。
90 html  css 

8
CSSのdp(密度に依存しないピクセル)単位とは何ですか?
Androidの場合、UI要素にdp(密度に依存しないピクセル)測定値を使用することをお勧めし48dpます。ボタンの高さなどに使用するなどの規則があります。 私はWebアプリケーションに取り組んでいますが、UIデザインがAndroidのデザイン標準に準拠していないという批判が多く寄せられています。もちろん、Android Holoテーマの代わりにCSSとHTMLを使用しているため、私のアプリケーションは異なって見えるでしょうが、それでも可能な限り準拠させたいと思います。ただし、CSSでは密度に依存しない測定はできません。 さまざまな解像度とピクセル密度でアプリケーションをテストすると、見栄えが悪くなり、場合によっては、バランスが崩れて機能しなくなることもあります。CSSにはAndroidネイティブ開発のようなdpユニットがありませんが、いくつかの選択肢があるのではないかと思っていました。 Javascriptを使用してピクセル密度を取得し、すべてを手動で適切にスケーリングできますか?すべての解像度/密度で見栄えがよく機能するWebアプリを作成するための最良の方法は何ですか?

9
ブートストラップcssを使用して、2つのdivをページの中央に水平に並べて配置します
私が試したことを以下のコードで参照してください <div class="row"> <div class="center-block">First Div</div> <div class="center-block">Second DIV </div> </div> 出力: First Div SecondDiv 期待される出力: First Div Second Div ブートストラップcssを使用して、2つのdivを水平方向に中央からページに揃えたい。これどうやってするの ?私はこれを行うために単純なCSSとフローティングコンセプトを使用したくありません。メディアクエリを使用する代わりに、ブートストラップcssを使用してすべての種類のレイアウト(つまり、すべてのウィンドウサイズと解像度)で動作する必要があるためです。

3
CSSで値を持つ属性を持つ要素をターゲットにするにはどうすればよいですか?
CSSで特定の属性を持つ要素をターゲットにできることはわかっています。次に例を示します。 input[type=text] { font-family: Consolas; } しかし、任意の値の属性を持つ要素をターゲットにすることは可能ですか(何も、つまり属性が要素に追加されていない場合を除く)? 大まかに次のようなものです。 a[rel=*] { color: red; } <a>このHTMLの最初と3番目のタグをターゲットにする必要があります。 <a href="#" rel="eg">red text</a> <a href="#">standard text</a> <a href="#" rel="more">red text again</a> デフォルトでcursor: pointerは<a>、href属性に値を持つすべてのタグに適用されるように見えるため、可能だと思います。

12
画像を引き伸ばさずに画像の幅と高さを設定するにはどうすればよいですか?
私が持っている場合: #logo { width: 400px; height: 200px; } その後 <img id="logo" src="logo.jpg"/> そのスペースを埋めるために伸びます。画像のサイズを同じに保ちたいのですが、DOM内でそれだけのスペースを占めるようにします。カプセル化<div>またはを追加する必要があり<span>ますか?スタイリングにマークアップを追加するのは嫌いです。
90 html  css 

2
初期値と未設定値の違いは何ですか?
簡単な例: HTML <p style="color:red!important"> this text is red <em> this text is in the initial color (e.g. black) </em> this is red again </p> CSS em { color:initial; color:unset; } 違いは何であるinitialとはunset?ブラウザのみをサポート CanIUse:CSS未設定値 開発者MozillaWebCSSイニシャル
90 css 

14
HTMLページ全体の上にカーソルを置く
カーソルをHTMLページ全体で簡単に「待機」するように設定することはできますか?アイデアは、ajax呼び出しが完了している間に何かが起こっていることをユーザーに示すことです。以下のコードは、私が試したものの簡単なバージョンを示しており、私が遭遇した問題も示しています: 要素(#id1)にカーソルスタイルが設定されている場合、ボディに設定されているものは無視されます(明らかに) 一部の要素にはデフォルトのカーソルスタイル(a)があり、ホバー時に待機カーソルが表示されません body要素はコンテンツに応じて特定の高さを持ち、ページが短い場合、カーソルはフッターの下に表示されません テスト: <html> <head> <style type="text/css"> #id1 { background-color: #06f; cursor: pointer; } #id2 { background-color: #f60; } </style> </head> <body> <div id="id1">cursor: pointer</div> <div id="id2">no cursor</div> <a href="#" onclick="document.body.style.cursor = 'wait'; return false">Do something</a> </body> </html> 後で編集... それはFirefoxとIEで動作しました: div#mask { display: none; cursor: wait; z-index: 9999; …

6
純粋なCSSを使用して「ツールチップテール」を作成するにはどうすればよいですか?
私はCSSの巧妙なトリックに出くわしました。フィドルをチェック... .tooltiptail { display: block; border-color: #ffffff #a0c7ff #ffffff #ffffff; border-style: solid; border-width: 20px; width: 0px; height: 0px; } .anothertail { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-tail2.png); display: block; height: 29px; width: 30px; } <div>Cool Trick: <br /> <div class="tooltiptail"></div> </div> <br /> <div>How do I get this effect with only CSS? <br /> …

7
IE CSSフィルターをリセットまたはオーバーライドするにはどうすればよいですか?
私は独自のMS 'filter'プロパティを使用して、css3 text-shadowおよびbox-shadowと同等の醜くない同等物を作成しています。 この問題にぶつかるまで、私は実際に本当によくやっていた。フィルターを持つ別のdiv内のdivにフィルターを適用すると、フィルター効果が子オブジェクトに結合されるように見えます。 filter:noneを使用してみました。リセットするが喜びはない。「-ms-filter: 'progid:... Glow()'」、「filter:progid:... Glow()」、「filter:Glow()」など、さまざまな構文のバリエーションも試しました。 、など IE8でのテスト

14
CSSを使用してDivを2列に分割
CSSを使用してdivを2つの列に分割しようとしましたが、まだ機能していません。私の基本的な構造は次のとおりです: <div id="content"> <div id="left"> <div id="object1"></div> <div id="object2"></div> </div> <div id="right"> <div id="object3"></div> <div id="object4"></div> </div> </div> 右と左のdivをそれぞれの位置(右と左)にフロートしようとすると、コンテンツdivの背景色が無視されるようです。そして、私がさまざまなウェブサイトから試した他のコードは、私の構造に変換することができないようです。 助けてくれてありがとう!
89 css  html  css-float 

10
TwitterブートストラップTextbox Glow and Shadowsをオーバーライドする
テキストボックスとボーダーの青い輝きを削除したいのですが、jsまたはcssをオーバーライドする方法がわかりません。ここを確認してください 編集1 私はjqueryプラグインTag-itを使用しており、Twitterブートストラップも使用しているため、これを実行したいのですが、プラグインは非表示のtextFieldを使用してタグを追加しますが、Twitterブートストラップを使用している場合、内部にグローがあるテキストボックスとして表示されます。少し変なテキストボックス


2
二重引用符が最初の要素に対してのみ表示されるのはなぜですか?
なぜブラウザが最初の要素に対してのみ二重引用符を表示するのかと思っています。代わりに、2番目の要素には単一引用符があります。 a::before { content: open-quote; } <a href="http://www.google.com">Google</a> <br> <a href="http://www.amazon.com">Amazon</a> コードスニペットを実行する結果を非表示スニペットを展開

5
ブートストラップドロップダウンバブルを右揃え(プッシュ右ではない)
トップメニューにカートを使用push-rightしています。問題は、ドロップダウンの吹き出しがページから外れることです。バブルを右揃えにして、「クリック」で右揃えにしようとしています このような HTML: <div class="cart pull-right"> <ul class="nav"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">CLICK</a> <div class="dropdown-menu"> STUFF </div> </li> </ul> </div>

8
HTML:文字列内の特定の単語の色を変更する
以下のメッセージがあります(少し変更されています): 「2011年1月30日までにコンテストに参加すると、素晴らしい夏の旅行を含め、最高$$$を獲得できます。」 私は現在持っています: <p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;"> テキスト文字列をフォーマットしますが、「2011年1月30日」の色を#FF0000に、「夏」の色を#0000A0に変更します。 HTMLまたはインラインCSSでこれを厳密に行うにはどうすればよいですか?
89 html  css  text  colors  inline 

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.