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

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

30
コンテナの幅に基づくフォントのスケーリング
フォントの拡大縮小に頭を悩ませています。 私は現在、このサイトに本文がありますfont-sizeは100％です。でも100％？これは16ピクセルで計算されるようです。 100％はどういうわけかブラウザウィンドウのサイズを指しているのではないかという印象を受けましたが、ウィンドウのサイズがモバイルの幅に変更されても、フルスクリーンのワイドスクリーンデスクトップに変更されても、常に16ピクセルなので、そうではありません。 コンテナーに関連してサイトのテキストをどのように拡大できますか？使ってみたemが、これもスケーリングしません。 私の考えでは、サイズを変更するとメニューなどが潰れるため、コンテナの幅に関連して他の要素px font-sizeの.menuItem中でを減らす必要があります。（たとえば、大きなデスクトップのメニューでは、22px完全に機能します。タブレットの幅まで下に移動し、16pxより適切です。） ブレークポイントを追加できることは承知していますが、テキストを拡大縮小するだけでなく、追加のブレークポイントも必要です。そうしないと、テキストを制御するために、幅が100ピクセル減少するたびに数百のブレークポイントが発生します。
30
div内のテキストを垂直方向に配置するにはどうすればよいですか？
テキストをdivに揃える最も効果的な方法を見つけようとしています。私はいくつかのことを試しましたが、どれもうまくいかないようです。 .testimonialText { position: absolute; left: 15px; top: 15px; width: 150px; height: 309px; vertical-align: middle; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding: 1em 0 1em 0; } <div class="testimonialText"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et …
22
クラスを条件付きで適用する最良の方法は何ですか？
あなたがでレンダリングされたアレイ考えてみましょうulとのli各要素と呼ばれるコントローラのプロパティのためにselectedIndex。AngularJS liのインデックスselectedIndexでクラスを追加する最良の方法は何でしょうか？ 私は現在、liコードを（手動で）複製し、liタグの1つにクラスを追加し、インデックスごとに1 つだけを使用ng-showしng-hideて表示していliます。
1183 css  angularjs 
25
divのコンテンツを下に揃える方法
次のCSSおよびHTMLコードがあるとします。 #header { height: 150px; } <div id="header"> <h1>Header title</h1> Header content (one or multiple lines) </div> コードスニペットを実行する結果を非表示スニペットを展開 ヘッダーセクションの高さは固定されていますが、ヘッダーの内容が変わる場合があります。 ヘッダーのコンテンツをヘッダーセクションの下部に垂直方向に揃えて、テキストの最後の行がヘッダーセクションの下部に「固定」されるようにしたいと考えています。 したがって、テキストが1行しかない場合は、次のようになります。 ----------------------------- | ヘッダーのタイトル | | | | ヘッダーの内容（結果は1行になります） ----------------------------- そして、3つの行がある場合： ----------------------------- | ヘッダーのタイトル | | ヘッダーコンテンツ（そうです | それが完璧であることの多くのもの | 3行にまたがる） ----------------------------- CSSでこれを行うにはどうすればよいですか？
30
Twitter Bootstrap 3を使用して列を中央に配置する
Twitter Bootstrap 3でコンテナー（12列）内の1列サイズのdivを中央揃えするにはどうすればよいですか？ .centered { background-color: red; } <body class="container"> <div class="col-lg-1 col-offset-6 centered"> <img data-src="holder.js/100x100" alt="" /> </div> </body> コードスニペットを実行する結果を非表示スニペットを展開 divクラス.centeredがコンテナ内の中央に配置されるようにしたい。複数divのがある場合は行を使用できますが、今のところdiv、コンテナー内で中央に配置される1列のサイズ（12列）が必要です。 またdiv、半分を相殺しないことを意図しているため、上記のアプローチで十分かどうかもわかりません。外の空きスペースdivとdiv縮小の内容は比例して必要ありません。divの外側のスペースを空にして均等に分散させたいです（コンテナーの幅が1列になるまで縮小します）。
30
スクロールバーを非表示にしますが、スクロールは可能です
ページ全体をスクロールできるようにしたいのですが、スクロールバーは表示されません。 Google Chromeの場合： ::-webkit-scrollbar { display: none; } しかし、Mozilla FirefoxとInternet Explorerはそのように動作しないようです。 私はCSSでもこれを試しました： overflow: hidden; スクロールバーは非表示になりますが、これ以上スクロールできません。 ページ全体をスクロールしながらスクロールバーを削除する方法はありますか？ CSSまたはHTMLのみを使用してください。
30
インライン/インラインブロック要素間のスペースを削除するにはどうすればよいですか？
このHTMLとCSSを考えると： span { display:inline-block; width:100px; background-color:palevioletred; } <p> <span> Foo </span> <span> Bar </span> </p> コードスニペットを実行する結果を非表示スニペットを展開 その結果、SPAN要素間には4ピクセル幅のスペースができます。 デモ： http : //jsfiddle.net/dGHFV/ これが発生する理由を理解しています。また、次のように、HTMLソースコードのSPAN要素間の空白を削除することで、そのスペースを取り除くことができることも知っています。 <p> <span> Foo </span><span> Bar </span> </p> ただし、HTMLソースコードを改ざんする必要がないCSSソリューションを望んでいました。 これをJavaScriptで解決する方法を知っています-次のように、コンテナー要素（段落）からテキストノードを削除します。 // jQuery $('p').contents().filter(function() { return this.nodeType === 3; }).remove(); デモ： http : //jsfiddle.net/dGHFV/1/ しかし、この問題はCSSだけで解決できますか？
1068 html  css 
25
CSSでdivのアスペクト比を維持する
作りたい divウィンドウの幅の変化に応じて幅/高さを変更できるます。 アスペクト比を維持しながら、幅に応じて高さを変更できるCSS3ルールはありますか？ JavaScriptを使用してこれを実行できることはわかっていますが、CSSのみを使用したいと思います。
27
CSSをiframeに適用する方法は？
（RSSリンクを表示するための）iframeセクションがいくつかあるシンプルなページがあります。メインページからiframeに表示されているページに同じCSS形式を適用するにはどうすればよいですか？
1017 html  css  iframe  rss 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.