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

StackаэтотвопросестьответынаStack Overflowнарусском：ЧтотакоеBootstrap？ Bootstrapに関連する質問はたくさんあります。たくさんの人が利用しています。そこで調べてみたところ、Bootstrapの公式サイトを見つけたのですが、あとはダウンロードのセクションと数語しかありませんでした。それが何のためにあるのかを説明するものは何もありません...私はそれがフロントエンドのヘルパーであることを理解しました。私はグーグルで何かを見つけようとしましたが、具体的なものは何も見つかりませんでした。私が見つけたものはすべてコンピュータサイエンスの定義に関連しています。 だから、私の質問は： ブートストラップとは何ですか？ それは何に使用され、フロントエンド開発にどのように役立ちますか？ それを説明するもう少し詳細を教えてください。

512 html  css  twitter-bootstrap  frontend 

次のように、Reactクラス内でスタイルを指定できることを知っています。 var MyDiv = React.createClass({ render: function() { var style = { color: 'white', fontSize: 200 }; return <div style={style}> Have a good and productive day! </div>; } }); この方法ですべてのスタイリングを行うことを目指していて、CSSファイルでスタイルがまったく指定されていない必要がありますか？ または、インラインスタイルを完全に回避する必要がありますか？ 両方を少し行うのは奇妙で面倒です。スタイリングを微調整するときに2つの場所を確認する必要があります。

512 css  reactjs  inline-styles  react-jsx 

次の表のCSSセレクターを探しています。 Peter | male | 34 Susanne | female | 12 「男性」を含むすべてのTDに一致するセレクターはありますか？

512 css  css-selectors 

このプロパティは、text-align: center;CSSを使用して画像を中央に配置する良い方法ですか？ img { text-align: center; }

511 html  css 

とにかく通常のCSSファイルをSassの@importコマンドでインポートする方法はありますか？私はsassのすべてのSCSS構文を使用しているわけではありませんが、その機能の結合/圧縮を楽しんでいます。すべてのファイルの名前を* .scssに変更せずにそれを使用できるようにしたいと思います。

509 css  sass 

これで、Firefoxにリンクの醜い点線のフォーカスアウトラインを表示しないようにすることができます。 a:focus { outline: none; } しかし、<button>タグにこれをどのように行うこともできますか？私がこれをするとき： button:focus { outline: none; } ボタンをクリックしても、ボタンのフォーカスの輪郭は点線のままです。 （そして、はい、これは使いやすさの問題であることを知っていますが、醜い灰色のドットの代わりに、デザインに適した独自のフォーカスヒントを提供したいと思います）

507 css  firefox 

私が持っている<div>要素を、私はそれに国境を載せていきたいと思います。私は書くことができることを知っていますがstyle="border: 1px solid black"、これはdivのどちらかの側に2pxを追加しますが、これは私が望むものではありません。 私はむしろこの境界線をdivの端から-1pxにしたいと思います。div自体は100px x 100pxであり、境界線を追加する場合、境界線を表示するためにいくつかの数学を実行する必要があります。 境界線を表示させ、ボックスが100px（境界線を含む）であることを確認する方法はありますか？

506 html  css  border 

次のようにすべてを右側に文字列化することなく複数のCSS属性を定義するための構文的な方法はjQueryにありますか？ $("#message").css("width", "550px").css("height", "300px").css("font-size", "8pt"); たとえば、これらが20個ある場合、コードは読みにくくなります。解決策はありますか？ たとえば、jQuery APIから、jQueryは両方の正しい値を理解して返します .css({ "background-color": "#ffe", "border-left": "5px solid #ccc" }) そして .css({backgroundColor: "#ffe", borderLeft: "5px solid #ccc" }). DOM表記では、プロパティ名を囲む引用符は省略可能ですが、CSS表記では、名前にハイフンがあるため必須です。

504 jquery  css 

次のコードでの高さがの高さdivよりも大きいのはなぜimgですか？画像の下にギャップがありますが、パディング/マージンではないようです。 画像の下のギャップまたは余分なスペースは何ですか？ #wrapper { border: 1px solid red; width:200px; } img { width:200px; } <div id="wrapper"> <img src="http://i.imgur.com/RECDV24.jpg" /> </div> コードスニペットを実行する結果を非表示スニペットを展開

503 html  css  image 

CSSを使いたい text-overflowテーブルセルで、テキストが長すぎて1行に収まらない場合は、複数行に折り返されるのではなく省略記号が表示されます。これは可能ですか？ 私はこれを試しました： td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } しかし、white-space: nowrapはテキスト（およびそのセル）を継続的に右に拡張し、テーブルの幅全体をコンテナの幅を超えて押し上げているように見えます。ただし、これがないと、テキストがセルの端に達したときに複数行に折り返され続けます。

500 css  overflow 

ng-class条件付きであることを表現する方法はありますか？ たとえば、私は次のことを試しました： <span ng-class="{test: 'obj.value1 == \'someothervalue\''}">test</span> このコードの問題obj.value1は、何であれ、クラステストが常に要素に適用されることです。これを行う： <span ng-class="{test: obj.value2}">test</span> obj.value2真の値に等しくない限り、クラスは適用されません。これで、最初の例でこの問題を回避できます。 <span ng-class="{test: checkValue1()}">test</span> どこcheckValue1の関数は次のようになります。 $scope.checkValue1 = function() { return $scope.obj.value === 'somevalue'; } 私はこれがどのように機能するng-classことになっているのか疑問に思っています。これと同様のことをしたいカスタムディレクティブも作成しています。しかし、私は式を見る方法を見つけることができません（そして、多分それは不可能であり、それがこのように機能する理由です）。 ここに私が意味することを示すplnkrがあります。

499 html  css  angularjs 

Google Chromeのウェブページで作業しています。以下のスタイルで正しく表示されます。 table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; } これらのスタイルを定義していないことに注意してください。Chromeデベロッパーツールでは、CSSファイル名の代わりにユーザーエージェントスタイルシートと表示されます。 フォームを送信したときに検証エラーが発生した場合、次のスタイルシートが表示されます。 table { white-space: normal; line-height: normal; font-weight: normal; font-size: medium; font-variant: normal; font-style: normal; color: -webkit-text; text-align: -webkit-auto; } table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; } font-sizeこれらの新しいスタイルからは、私のデザインを邪魔されます。スタイルシートを強制し、可能であればChromeのデフォルトのスタイルシートを完全に上書きする方法はありますか？

499 css  google-chrome 

CSS3の新しいボーダー要素（-webkit、...）がすべて進んだところで、フォントにボーダーを追加できるようになりましたか？（青いTwitterロゴの周りの白い実線の境界線のように）。そうでない場合、CSS / XHTMLでこれを実現するあまり醜くないハックはありますか、それともPhotoshopを起動する必要がありますか？

491 css  fonts 

CSSメディアクエリを記述する場合、「OR」ロジックで複数の条件を指定する方法はありますか？ 私はこのようなことをやろうとしています： /* This doesn't work */ @media screen and (max-width: 995px OR max-height: 700px) { ... }

490 css  media-queries 

HTML5データ属性（たとえばdata-role）によってCSSの要素を選択することは可能ですか？

488 css  html  css-selectors  custom-data-attribute