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

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

12
CSSでpxまたはrem値の単位を使用する必要がありますか?[閉まっている]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか?この投稿を編集して、事実と引用で回答できるように質問を更新してください。 2か月前に閉鎖。 新しいWebサイトを設計していますが、できる限り多くのブラウザーおよびブラウザー設定と互換性があるようにしたいと考えています。フォントと要素のサイズに使用する測定単位を決定しようとしていますが、決定的な答えを見つけることができません。 私の質問は:私のCSS を使用するpx必要remがありますか? これまでのところ、使用pxはブラウザで基本フォントサイズを調整するユーザーと互換性がないことを知っています。 sはカスケードするので、s emと比較して、remsは維持するのが面倒なので、無視しました。 remsは解像度に依存しないため、より望ましいと言う人もいます。しかし、最新のブラウザのほとんどがすべての要素を均等にズームするため、使用にpx問題はないという人もいます。 CSSで最も望ましい距離の尺度は何であるかについてさまざまな意見があり、どちらが最適であるかわかりません。

8
フレックスボックスで要素を下に揃えます
私にはdiv何人かの子供がいます: <div class="content"> <h1>heading 1</h1> <h2>heading 2</h2> <p>Some more or less text</p> <a href="/" class="button">Click me</a> </div> 次のレイアウトが必要です: ------------------- |heading 1 | |heading 2 | |paragraph text | |can have many | |rows | | | | | | | |link-button | ------------------- テキストの量に関係なく、フローから取り出さずに常に下部pに貼り付けたいです.button。これはFlexboxで達成できると聞いていますが、機能させることができません。
375 html  css  flexbox 

11
iPhone / Safari入力要素の丸めをオフにする
私のウェブサイトはiPhone / Safariブラウザで適切にレンダリングされますが、1つの例外があります。私のテキスト入力フィールドは奇妙な丸みを帯びたスタイルで、私のウェブサイトの他の部分とは見栄えがよくありません。 Safariに(CSSまたはメタデータを介して)入力フィールドを丸めず、意図したとおりに長方形にしないように指示する方法はありますか?

18
img src SVG CSSでスタイルを変更する
html <img src="logo.svg" alt="Logo" class="logo-img"> CSS .logo-img path { fill: #000; } 上記のsvgはネイティブで読み込まれますfill: #fffが、上記を使用してcssそれを黒に変更しようとしても、変更されません。これがSVGでの初めてのプレイであり、なぜ機能しないのかわかりません。
374 css  image  svg 

6
クラスごとのjQuery要素のカウント-これを実装する最良の方法は何ですか?
私がやろうとしていることは、現在のページのすべての要素を同じクラスでカウントし、それを使用して入力フォームの名前に追加することです。基本的に、私はユーザーがaをクリックすることを許可しています。<span>そうすることで、同じタイプのアイテムの別のものを追加できます。しかし、jQuery / JavaScriptでこれらすべてを単純にカウントする方法を考えることはできません。 次に、アイテムにのような名前を付けます。name="whatever(total+1)"誰かがこれを行う簡単な方法を持っている場合、JavaScriptは私の母国語ではないので、とても感謝しています。

21
マージンとパディングの違いは?
CSSのマージンとパディングの違いは何ですか?それは本当に多くの目的を果たしていないようです。違いがどこにあるのか(そしてなぜ違いを知ることが重要であるのか)の例を教えていただけませんか?
372 css 




13
2つのdivを隣同士に配置する方法は?
次のコードを考えてみましょう: #wrapper { width: 500px; border: 1px solid black; } #first { width: 300px; border: 1px solid red; } #second { border: 1px solid green; } <div id="wrapper"> <div id="first">Stack Overflow is for professional and enthusiast programmers, people who write code because they love it.</div> <div id="second">When you post a …
370 css  html 

14
CSSで親から子の不透明度を継承したくない
CSSで親から子の不透明度を継承したくありません。 親である1つのdivがあり、最初のdivの中に子である別のdivがあります。 親divにopacityプロパティを設定したいのですが、子divにopacityプロパティを継承させたくありません。 どうやってやるの?
370 css 

8
CSS:not(:last-child):セレクタの後
次のようなスタイルの要素のリストがあります。 ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> コードスニペットを実行する結果を非表示スニペットを展開 のOne | Two | Three | Four | Five |代わりに出力One | Two | Three | Four | Five 最後の要素以外をすべてCSSで選択する方法を知っている人はいますか? ここで:not()セレクタの定義を見ることができます

16
CSSテキストオーバーフロー:省略; 機能していませんか?
この単純なCSSが機能しない理由はわかりません... .app a { height: 18px; width: 140px; padding: 0; overflow: hidden; position: relative; margin: 0 5px 0 5px; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; color: #000; } <div class="app"> <a href="">Test Test Test Test Test Test</a> </div> コードスニペットを実行する結果を非表示スニペットを展開 4番目の「テスト」の前後でカットオフする必要があります
368 overflow  ellipsis  css 

2
Flexboxが要素に等しい幅を与えない
最大5アイテム、最小3アイテムのフレックスボックスナビゲーションを試みますが、すべての要素間で幅を均等に分割していません。 フィドル 私がこれからモデリングしているチュートリアルはhttp://www.sitepoint.com/sensitive-fluid-width-variable-item-navigation-css/です。 SASS * { font-size: 16px; } .tabs { max-width: 1010px; width: 100%; height: 5rem; border-bottom: solid 1px grey; margin: 0 0 0 6.5rem; display: table; table-layout: fixed; } .tabs ul { margin: 0; display: flex; flex-direction: row; } .tabs ul li { flex-grow: 1; list-style: none; text-align: …
368 html  css  flexbox 


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