プログラミング css

3

我々はすべて知っているように、flexプロパティがの省略形ですflex-grow、flex-shrink、およびflex-basisプロパティが。デフォルト値はです0 1 auto。これは、 flex-grow: 0; flex-shrink: 1; flex-basis: auto; しかし、私は気づいた、多くの場所flex: 1で使用されています。それがために簡略化したものです1 1 autoか1 0 auto？それが何を意味するのか理解できず、ググっても何も得られません

128 css flexbox

4

IE7は表示を理解しません：インラインブロック

誰かがこのバグを回避するのを手伝ってくれませんか？Firefoxでは正常に機能しますが、Internet Explorer 7では機能しません。理解していないようdisplay: inline-block;です。 html： <div class="frame-header"> <h2>...</h2> </div> css： .frame-header { height:25px; display:inline-block; }

127 html internet-explorer-7 css

11

画像をオーバーレイする方法

CSSを使用して、ある画像を別の画像にオーバーレイしたい。この例は、最初の画像（必要に応じて背景）が製品のサムネイルリンクで、リンクがライトボックス/ポップアップを開いて画像のより大きなバージョンを表示することです。このリンクされた画像の上に、拡大鏡の画像が欲しいのですが、画像をクリックして拡大できることを人々に示したいと思います（どうやらこれは拡大鏡なしでは明白ではありません）。

127 html css

7

未使用のCSS画像はダウンロードされますか？

未使用のCSS画像はブラウザによってダウンロードされるか、無視されますか？例えば。どの要素にも一致しないCSSルール。 .nothingHasThisClass{background:url(hugefile.png);} または、これはブラウザに依存しますか？

127 css

13

ブートストラップ3：col-lgのみのpull-right

ブートストラップ3の新機能...私のレイアウトでは次のようになっています。 <div class="row"> <div class="col-lg-6 col-md-6">elements 1</div> <div class="col-lg-6 col-md-6"> <div class="pull-right"> elements 2 </div> </div> </div> 'elements 2'がcol-lgよりも小さい画面で正しく整列しないようにしたいつまり、col-lg-6に対してのみクラスを右に引き寄せることになります... どうすればこれを達成できますか？ここにフィドルがあります：http : //jsfiddle.net/thibs/Y6WPz/ ありがとうございました

127 css twitter-bootstrap twitter-bootstrap-3 bootstrap-4

5

jqueryで背景色を設定する方法

tdjQueryでの背景色を設定するにはどうすればよいですか？例えば $(this).css({**BackgroundColor:Red**}) ありがとう

127 jquery css

6

HTML Webページのすべての要素のフォント属性を指定するにはどうすればよいですか？

フォントファミリー、フォントサイズ、色などを設定すると、一部のネストされた要素が、醜いブラウザのデフォルトでこれらを上書きするようです。私は自分のページのあらゆる種類の要素に対して実際に何十回もそれらを指定する必要がありますか、それともそれらをグローバルに一度と永久に設定する方法はありますか？どうやってするか？

127 css

3

<div>要素を並べて配置する

これはかなり単純な質問であることは知っていますが、私の人生ではそれを理解することができません。背景画像を適用した2つのリンクがあります。これは現在の外観です（影のことをお詫びします。ボタンの大まかなスケッチ）。ただし、これらの2つのボタンを並べて表示する必要があります。アラインメントで何をする必要があるのか本当にわかりません。これがHTMLです <div id="dB"}> <a href="http://notareallink.com" title="Download" id="buyButton">Download</a> </div> <div id="gB"> <a href="#" title="Gallery" onclick="$j('#galleryDiv').toggle('slow');return false;" id="galleryButton">Gallery</a> </div> ここにCSSがあります #buyButton { background: url("assets/buy.png") 0 0 no-repeat; display:block; height:80px; width:232px; text-indent:-9999px; } #buyButton:hover{ width: 232px; height: 80px; background-position: -232px 0; } #buyButton:active { width: 232px; height: 80px; background-position: -464px 0; …

127 css html alignment

7

ブートストラップcssはnavbar navbar-fixed-topの下のコンテナの一部を非表示にします

私はブートストラップでプロジェクトを構築していて、ほとんど問題はありません.Nav-topの下にコンテナーがあります。私の問題は、コンテナーの一部がnav-topヘッダーの下に隠れていることです.top-marginを使用したくないコンテナ。Plsは以下のHTMLを参照して、問題に直面しています <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> <link rel="stylesheet" href="~/stylesheets/bootstrap.css"/> <link rel="stylesheet" href="~/stylesheets/bootstrap-responsive.css"/> </head> <body> <div class="navbar navbar-fixed-top "> <div class="navbar-inner"> <div class="container"> <button data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar collapsed" type="button"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="nav-collapse"><ul class="nav" id="navbar"><li ng-class="{active:section=='plunks'}" class="active"><a href="/plunks/trending"><i class="icon-home"></i>Home</a></li><li><a target="_self" href="/edit/"><i class="icon-calendar"></i>General Election …

127 css twitter-bootstrap

5

CSSでdisplay：inline-blockとfloat：leftを使用する利点

通常、複数を続けたい場合はをDIVs使用しますfloat: leftが、今ではdisplay:inline-block リンクの例はこちら。その私には思えるdisplay:inline-blockの良い方法であるalign DIVs行ではなく、そこに任意の欠点ですか？このアプローチがfloatトリックほど人気がないのはなぜですか？

127 css css-float html

8

CSSで正規表現を使用していますか？

s1、s2などの形式のIDを持つdivを含むHTMLページがあります。 <div id="sections"> <div id="s1">...</div> <div id="s2">...</div> ... </div> これらのセクション/ divのサブセットにidに応じてcssプロパティを適用したい。ただし、divを追加するたびに、このようにセクションのcssを個別に追加する必要があります。 //css #s1{ ... } 私はセットにスタイルを適用するために使用できるCSSでの正規表現のようなものがあるのdivが。

127 css regex

12

重要なスタイルのオーバーライド

タイトルはそれをかなり要約します。外部スタイルシートには次のコードがあります。 td.EvenRow a { display: none !important; } 私は使ってみました： element.style.display = "inline"; そして element.style.display = "inline !important"; しかしどちらも機能しません。JavaScriptを使用して！importantスタイルをオーバーライドすることは可能ですか？これは、それが違いを生む場合のgreasemonkeyエクステンション用です。

127 javascript css

21

CSSスプライトを作成するツール？[閉まっている]

現在のところ、この質問は、Q＆A形式には適していません。事実、参考文献、専門知識によって回答が裏付けられることを期待していますが、この質問は、討論、議論、投票、または拡張ディスカッションを求める可能性があります。この質問が改善され、場合によっては再開できると思われる場合は、ヘルプセンターにアクセスしてください。 7年前休業。 cssスプライトを作成するための優れたツールはありますか？理想的には、画像のディレクトリとそれらの画像を参照する既存の.cssファイルを与え、すべての小さな画像で最適化された大きな画像を作成し、それらの画像を参照するように.cssファイルを変更したいと思います。少なくとも、画像のディレクトリを取得して、大きなスプライトと、それぞれを背景として使用するために必要な.cssを生成する必要があります。これを行うための優れたphotoshopプラグインまたは完全に機能するアプリはありますか？

126 css css-sprites web-performance

14

ブートストラップ3シェブロンアイコンで表示状態を折りたたむ

Bootstrap 3のJavascriptのサンプルページのCollapseのコアサンプルを使用して、シェブロンアイコンを使用して折りたたみの状態を表示できました。私はこれを使ってこれを働いています： $('#accordion .accordion-toggle').click(function (e) { var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); $("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up"); }); これは機能しますが（すべてのブラウザで完全にテストされているわけではありません）、これに対するよりエレガントな解決策があるかどうか疑問に思っていますか？理想的にはコア関数を使用したいのですが、それを使用して同じ結果を得る方法がわかりません。 $('#accordion').on('hidden.bs.collapse', function () { //do something... }) これがjsfiddleで動作するバージョンです。

126 jquery css twitter-bootstrap twitter-bootstrap-3

8

マージントッププッシュアウターディビジョンダウン

ラッパーdivの最初の要素としてヘッダーdivがありますが、ヘッダーdiv内のh1に上部マージンを追加すると、ヘッダーdiv全体が押し下げられます。これは、ページの最初に表示される要素に上余白を適用すると必ず発生します。これはサンプルコードスニペットです。ありがとう！ div#header{ width: 100%; background-color: #eee; position: relative; } div#header h1{ text-align: center; width: 375px; height: 50px; margin: 50px auto; font-size: 220%; background: url('../../images/name_logo.png') no-repeat; } <div id="header"> <h1>Title</h1> <ul id="navbar"></ul> </div> コードスニペットを実行するHide resultsスニペットを展開

126 html css xhtml

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

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