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

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

14
AngularJSでCSSスタイルを条件付きで適用するにはどうすればよいですか？
Q1。メインの「削除」ボタンが押される前に、ユーザーが削除対象としてマークした各「アイテム」の外観を変更したいとします。（この即時の視覚的フィードバックにより、ことわざの「本当によろしいですか？」ダイアログボックスが不要になります。）ユーザーはチェックボックスをオンにして、削除するアイテムを示します。チェックボックスがオフの場合、そのアイテムは通常の外観に戻るはずです。 CSSスタイルを適用または削除する最良の方法は何ですか？ Q2。各ユーザーが自分のサイトの表示方法をパーソナライズできるようにしたいとします。たとえば、フォントサイズの固定セットから選択し、ユーザー定義可能な前景色と背景色などを許可します。 ユーザーが選択/入力するCSSスタイルを適用する最良の方法は何ですか？
309 css  angularjs 
18
親<div>をその子の高さに拡張する
私はこれに似たページ構造を持っています： &lt;body&gt; &lt;div id="parent"&gt; &lt;div id="childRightCol"&gt; /*Content*/ &lt;/div&gt; &lt;div id="childLeftCol"&gt; /*Content*/ &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; 私は、親のための希望divに拡大するためのheight内部divのheight増加。 編集： 1つの問題はwidth、子コンテンツwidthのがブラウザーウィンドウのを超えて展開すると、現在のCSSが親に水平スクロールバーを配置することdivです。スクロールバーをページレベルにしたい。現在、私の親divはoverflow: auto; このためのCSSを手伝っていただけませんか？
308 html  css 
12
CSSのwidth / heightまたはHTMLのcols / rows属性を使用してtextareaのサイズを変更する必要がありますか？
を含む新しいフォームを開発するたびにtextarea、そのディメンションを指定する必要があるときに次のジレンマが発生します。 使用CSSや使用textareaの属性をcolsしてrows？ 各方法の長所と短所は何ですか？ これらの属性を使用する意味は何ですか？ それは通常どのように行われますか？
307 html  css  textarea 
30
ページの下部へのフッターのフラッシュ、Twitterブートストラップ
私はcssを使用してフッターをフラッシュする手法に一般的に精通しています。 しかし、私はこのアプローチをTwitterブートストラップで機能させるのにいくつかの問題を抱えています。おそらく、Twitterブートストラップが本質的に応答性があるという事実が原因です。Twitterブートストラップを使用すると、上記のブログ投稿で説明されているアプローチを使用して、フッターをページの下部にフラッシュすることができません。
30
CSSを使用してテキストを非表示にする
私は私のhtmlに次のようなタグを持っています： &lt;h1&gt;My Website Title Here&lt;/h1&gt; cssを使用して、テキストを実際のロゴに置き換えます。タグのサイズを変更し、CSSで背景画像を配置することで、ロゴは問題ありません。しかし、テキストを取り除く方法がわかりません。基本的に、テキストを画面から押し出すことによって、以前にそれが行われたのを見てきました。問題はどこで見たのか思い出せないことです。
306 css 
14
小さなファビコンがさらに別のHTTPリクエストを必要とするのはばかげていませんか？どうすればファビコンをスプライトに入れることができますか？
報奨金は、期限が切れる4日に。この質問への回答は、+ 100レピュテーションバウンティの対象となります。 Rouninは、信頼できるソースからの回答を探しています。 HTMLでfavicon.icoリンクを設定する方法は誰でも知っています。 &lt;link rel="shortcut icon" href="http://hi.org/icon.ico" type="image/x-icon"&gt; しかし、小さな数バイトのアイコンの場合、さらに別のHTTPリクエストが必要になるのはばかげていると思います。それでbackground-position=0px -200px;、貴重なHTTPリクエストを高速化して保存するために、どうやってその画像をスプライト（たとえば）の一部にすることができるのかと思いました。これを、ロゴやその他のアートワークを含む既存のスプライト画像に組み込むにはどうすればよいですか？ favicon.icoウォーターフォールグラフのアイテム番号31を指すロボットは、私のペットのZAMです。彼は通常より幸せであり、彼は私に今日いくつかの愚かなと思う彼の服装に同意しないが、ウェブでいくつかの創造的なアップグレードの時が来たと知らせてくれる良い点を持っています...
11
CSSで素晴らしいフォントアイコンを使用する
次のようなCSSがあります。 #content h2 { background: url(../images/tContent.jpg) no-repeat 0 6px; } 画像をFont Awesomeのアイコンに置き換えたいのですが。 CSSのアイコンを背景画像として使用する方法がわかりません。これは、CSSの前にFont Awesomeスタイルシート/フォントがロードされていると想定して実行できますか？
305 css  font-awesome 
7
CSSは要素が持つ子の数を検出できますか？
私はおそらく自分の質問に答えているでしょうが、私は非常に興味があります。 CSSは親の個々の子を選択できることを知っていますが、その親にある程度の数の子がある場合、コンテナーの子をスタイルするサポートがあります。 例えば container:children(8) { // style the parent this way if there are 8 children } 奇妙に聞こえるかもしれませんが、上司に確認してもらい、自分では何も見つからなかったので、検索を終了する前にSOに問い合わせることにしました。
304 css  css-selectors 
16
CSSでは、複数行のオーバーフローしたブロックに「…」を使用します
と overflow: hidden; text-overflow: ellipsis; white-space: nowrap; オーバーフローした場合、「...」は行末に表示されます。ただし、これは1行でのみ表示されます。しかし、私はそれを複数行で示して欲しいです。 次のようになります。 +--------------------+ |abcde feg hij dkjd| |dsji jdia js ajid s| |jdis ajid dheu d ...|/*Here it's overflowed, so "..." is shown. */ +--------------------+
303 html  ellipsis  css 
30
div内の中央と中央に画像を揃える
私は次のdivを持っています &lt;div id="over" style="position:absolute; width:100%; height:100%&gt; &lt;img src="img.png"&gt; &lt;/div&gt; divの中央と中央に配置されるように画像を配置する方法は？
302 html  css 
4
CSS3アニメーションの終了時に最終状態を維持する
opacity: 0;CSSで設定されているいくつかの要素でアニメーションを実行しています。アニメーションクラスはonClickに適用され、キーフレームを使用して、不透明度0を1（特に）に変更します。 残念ながら、アニメーションが終了すると、要素はopacity: 0（FirefoxとChromeの両方で）元に戻ります。私の自然な考え方は、アニメーション化された要素が最終的な状態を維持し、元のプロパティを上書きすることです。これは本当ではないですか？そうでない場合、どのようにして要素にそうさせることができますか？ コード（プレフィックスバージョンは含まれません）： @keyframes bubble { 0% { transform:scale(0.5); opacity:0.0; } 50% { transform:scale(1.2); opacity:0.5; } 100% { transform:scale(1.0); opacity:1.0; } }
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.