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

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

5
<textarea>と<textfield>が本体からfont-familyとfont-sizeを取得しないのはなぜですか？
なぜ、Textareaそしてtextfieldない服用font-familyし、font-size体内から？ こちらのライブ例をご覧くださいhttp://jsbin.com/ucano4 コード &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;texearea font&lt;/title&gt; &lt;style type="text/css"&gt; body { font-family: Verdana, Geneva, sans-serif; font-size:16px } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;form action="" method="get"&gt; &lt;textarea name="" cols="20" rows="4"&gt;&lt;/textarea&gt; &lt;input name="" type="text" /&gt; &lt;/form&gt; &lt;p&gt;some text here&lt;/p&gt; &lt;/body&gt; …
118 css  xhtml 
8
CSSの@importとリンクの違い
プロジェクトテンプレートを調整するためのCSSを学習しています。私はこの問題に遭遇し、ウェブ上で明確な答えを見つけることができませんでした。CSSでの@importまたはリンクの使用に違いはありますか？ @importの使用 &lt;style&gt;@import url(Path To stylesheet.css)&lt;/style&gt; リンクの使用 &lt;link rel="stylesheet" href="Path To stylesheet.css"&gt; それを行うための最良の方法は何ですか？なぜ？ありがとう！
118 css  import  hyperlink 
12
CSS画像のプリロード
ボタンをクリックして展開される非表示の連絡フォームがあります。そのフィールドはCSS背景画像として設定され、トグルされたdivよりも常に少し遅れて表示されます。 &lt;head&gt;セクションでこのスニペットを使用していましたが、運が悪かった（キャッシュをクリアした後）： &lt;script&gt; $(document).ready(function() { pic = new Image(); pic2 = new Image(); pic3 = new Image(); pic.src="&lt;?php bloginfo('template_directory'); ?&gt;/images/inputs/input1.png"; pic2.src="&lt;?php bloginfo('template_directory'); ?&gt;/images/inputs/input2.png"; pic3.src="&lt;?php bloginfo('template_directory'); ?&gt;/images/inputs/input3.png"; }); &lt;/script&gt; 私はライブラリとしてjQueryを使用していますが、この問題を整理するためにもそれを使用できればすばらしいでしょう。 ご清聴ありがとうございました。
12
Bootstrap 4のドロップダウンで矢印を削除する方法は？
ブートストラップ4を使用しています。ドロップダウンの矢印を削除しようとしました。 答えブートストラップ3はもはや動作しないために私が見つけました。 jsfiddleはこちらです。 &lt;div class="dropdown open"&gt; &lt;button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt; Dropdown &lt;/button&gt; &lt;div class="dropdown-menu" aria-labelledby="dropdownMenu1"&gt; &lt;a class="dropdown-item" href="#"&gt;Action&lt;/a&gt; &lt;a class="dropdown-item" href="#"&gt;Another action&lt;/a&gt; &lt;/div&gt; &lt;/div&gt;
2
複数のfont-weights、1つの@ font-faceクエリ
私はKlavikaフォントをインポートする必要があり、複数の形状とサイズでそれを受け取りました： Klavika-Bold-Italic.otf Klavika-Bold.otf Klavika-Light-Italic.otf Klavika-Light.otf Klavika-Medium-Italic.otf Klavika-Medium.otf Klavika-Regular-Italic.otf Klavika-Regular.otf 次に、クエリでを@font-face定義している-queryを1つだけ使用してCSSにインポートできるかどうかを知りたいと思いweightます。クエリを8回コピー/貼り付けしたくない。 したがって、次のようなもの： @font-face { font-family: 'Klavika'; src: url(../fonts/Klavika-Regular.otf), weight:normal; src: url(../fonts/Klavika-Bold.otf), weight:bold; }
118 css  fonts  font-face 
13
Webサイトで未使用の画像とCSSスタイルを見つけるにはどうすればよいですか？[閉まっている]
閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 2年前休業。 この質問を改善する 未使用の画像ファイルを見つけるために使用できる方法（試行錯誤以外）はありますか？サイトに存在しないIDとクラスのCSS宣言はどうですか？ サイトをスキャンしてプロファイルを作成し、読み込まれていない画像やスタイルを確認するスクリプトを作成する方法があるようです。
117 html  css 
12
iframeからスクロールバーを削除する
このコードを使用する &lt;iframe frameborder="0" style="height: 185px; overflow:scroll; width: 100%" src="http://www.cbox.ws/box/?boxid=439&amp;boxtag=7868&amp;sec=main" marginheight="1" marginwidth="1" name="cboxmain" id="cboxmain" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"&gt;&lt;/iframe&gt; このように表示されます（http://www.talkjesus.comのホームページのshoutbox ） 水平スクロールバーを削除して垂直スクロールバーのCSSを変更するにはどうすればよいですか？
117 html  css  iframe 
10
ブートストラップ3パネルヘッダーのボタンの位置が間違っている
ブートストラップ3を使用していますが、パネルのヘッ​​ダーの右上隅にいくつかのボタンを追加したいと思います。それらを追加しようとすると、タイトルのベースラインの下に表示されます。 コード：http : //bootply.com/82631 タイトル、パネルの見出し、またはボタンのいずれかに追加する必要のあるCSSは何ですか？
2
1つのルール内で複数のクラスを持つ要素をターゲットにする
複数のクラスを持つ要素を持ついくつかのHTMLがあり、同じクラスが異なるコンテナー内で異なるように、それらを1つのルール内で割り当てる必要があります。私のCSSにこれがあるとしましょう： .border-blue { border: 1px solid blue; } .background { background: url(bg.gif); } それから私は私のHTMLにこれを持っています： &lt;div class='border-blue background'&gt;Lorum Crap No-one Cares About Ipsum&lt;/div&gt; これらを単一のルール内でターゲティングできますか？このように、例えば、私が機能しないことを知っています： .border-blue, .background { border: 1px solid blue; background: url(bg.gif); }
117 css  class  target 
13
境界ボックスに合わせて画像を拡大縮小する
画像を境界ボックスにスケーリングする（縦横比を維持する）CSSのみのソリューションはありますか？これは、画像がコンテナよりも大きい場合に機能します。 img { max-width: 100%; max-height: 100%; } 例： 使用例1（機能）：http : //jsfiddle.net/Jp5AQ/2/ 使用例2（動作）：http : //jsfiddle.net/Jp5AQ/3/ しかし、ディメンションがコンテナの100％になるまで画像を拡大したいと思います。 使用例3（機能しない）：http : //jsfiddle.net/Jp5AQ/4/
117 html  css  image  resize  autoresize 
5
FlexboxとInternet Explorer 11（<html>のdisplay：flex？）
「フロート」レイアウトから離れ、将来のプロジェクトではCSSフレックスボックスを使用する予定です。現在のバージョンのすべての主要なブラウザーが（何らかの方法で）フレックスボックスをサポートしているように見えるのを見て、私は嬉しく思いました。 いくつかの例を見るために、「Solved by Flexbox」に向かいました。ただし、「スティッキーフッター」の例はInternet Explorer 11では動作しないようです。少し遊んでみdisplay:flexて、&lt;html&gt;とwidth:100%に追加することで動作しました&lt;body&gt; だから私の最初の質問は：誰かがそのロジックを私に説明できますか？私はいじっただけでうまくいきましたが、なぜそれがそのように働いたのかよくわかりません... 次に、Internet Explorer以外のすべてのブラウザーで機能する「メディアオブジェクト」の例があります。私もそれをいじりましたが、成功しませんでした。 したがって、2番目の質問は、「メディアオブジェクト」の例をInternet Explorerで機能させる「クリーンな」可能性はあるのでしょうか。
10
CSS背景画像のalt属性
これは、私がこれまで取り組む必要がなかったものです。CSSのbackground-image属性で使用されているものを含め、サイト内のすべての画像でaltタグを使用する必要があります。 私の知る限り、このようなCSSプロパティはありません。これを行う最善の方法は何ですか？
117 html  css 
5
継承されたCSS3トランジションを無効にする/オフにする
だから私はa要素にアタッチされた次のCSS遷移を持っています： a { -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ; -moz-transition:color 0.1s ease-in, background-color 0.1s ease-in; -o-transition:color 0.1s ease-in, background-color 0.1s ease-in; transition:color 0.1s ease-in, background-color 0.1s ease-in; } 特定のa要素でこれらの継承された遷移を無効にする方法はありますか？ a.tags { transition: none; } 仕事をしていないようです。
10
CSSの「下線」属性の線の太さを編集する
次のようにCSSでテキストに下線を引くことができるので： H4 {text-decoration: underline;} 次に、描画された「線」を編集するにはどうすればよいですか。線に表示される色は「色：赤」として簡単に指定できますが、線の高さ、つまり太さを編集するにはどうすればよいですか。
117 html  css 
5
z-indexは絶対位置では機能しません
コンソール（chrome \ firefox）を開いて、次の行を実行しました。 $("body").append("&lt;div id=\"popupFrame\" style=\"width:100%;height:100%;background-color:black;opacity:0.5;position:absolute;top:0;left:0;z-index:1;\" /&gt;"); $("body").append("&lt;div id=\"popupContent\" style=\"width:200px;height:200px;z-index:1000;background-color:white;\" &gt;dasdasdsadasdasdasdasdasd&lt;/div&gt;"); #popupContentは何よりも重要ですが、＃popupFrame不透明度の影響を受けます。 コンテンツは#popupFrameに含まれていないため、これは非常に奇妙です。 目標は、Firefoxのようなアラートボックスを作成することです
117 html  css 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.