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

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

8
ブラウザがテキストをレンダリングするために実際に使用しているフォントを確認するにはどうすればよいですか?
私のCSSはfont-family: Helvetica, Arial, sans-serif;ページ全体に対して" "を指定しています。一部のパーツで代わりにVerdanaが使用されているようです。これを確認できるようにしたいと思います。 ブラウザからWordにコピーして貼り付けようとしましたが、フォントが保持されません。 テキストのセクションに実際に使用されているフォントを特定する方法はありますか? Firebugを使用すると、上記のようにフォントのリストが表示されますが[1]、どのフォントが使用されているかを確認する方法がわかりません。 間違ったリストが使用されていたことがわかりました。これにより、元のVerdanaの問題が解決されました。しかし、実際のレンダリングフォントを識別する方法があるかどうか、私はまだ興味があります。
175 css  browser  fonts 

6
CSSの最後の子セレクター:親の中の最後の子ではなく、特定のクラスの最後の要素を選択しますか?
<div class="commentList"> <article class="comment " id="com21"></article> <article class="comment " id="com20"></article> <article class="comment " id="com19"></article> <div class="something"> hello </div> </div> 選択します#com19か? .comment { width:470px; border-bottom:1px dotted #f0f0f0; margin-bottom:10px; } .comment:last-child { border-bottom:none; margin-bottom:0; } div.somethingcommentListに実際の最後の子として別の子がある限り、これは機能しません。この場合、最後の子セレクターを使用して最後の外観を選択することはできますarticle.commentか? jsFiddle
175 html  css  css-selectors 

10
オーバーサイズの画像をDivの中央に配置
私はcssのみを使用してdiv内で特大の画像を中央に配置する方法を整理しようとしています。 流動的なレイアウトを使用しているため、画像コンテナーの幅はページの幅と同じように変化します(divの高さは固定されています)。画像はdiv内にあり、値をはめ込みボックスの影で囲んでいるので、ページを画像で見ているように見えます。 画像自体は、可能な限り広い値で周囲のdivを満たすようにサイズ設定されています(デザインにはmax-width値があります)。 画像が周囲のdivよりも小さい場合は、非常に簡単です。 margin-left: auto; margin-right: auto; display: block; ただし、画像がdivより大きい場合は、左端から始まり、中央から右にずれています(を使用していますoverflow: hidden)。 を割り当てることもできwidth=100%ますが、ブラウザは画像のサイズを変更するというお粗末な作業を行い、Webデザインは高品質の画像を中心にしています。 画像をoverflow:hidden中央に配置して両端を均等にカットするアイデアはありますか?
175 css 

6
HTML文書全体にグローバルフォントを適用する方法
テキストとフォーマットを含むHTMLページがあります。テキストのすべての内部フォーマットを無視して、同じfont-familyと同じtext-sizeにする必要があります。 HTMLページのグローバルフォント形式を設定したい。 どうすればこれを達成できますか?
175 html  css  font-family 

8
CSSを使用してカスタムフォントを使用していますか?
(通常のArial、Tahomaなど以外の)サイトでカスタムフォントを使用している新しいWebサイトをいくつか見ました。 また、かなりの数のブラウザをサポートしています。 どうやってそれを行うのですか?また、可能であれば、フォントをダウンロードするための無料のアクセス権を人々に与えないようにします。
175 css  font-face 

6
bootstrap-theme.cssをbootstrap 3で使用する方法
ブートストラップ3の完全なパックをhttp://getbootstrap.comからダウンロードした後、テーマ用の別のcssファイルがあることに気付きました。それをどのように利用するのですか?説明してください? bootstrap-theme.css既存のブートストラッププロジェクトに含めましたが、出力に違いはありません。


8
親のパディングを無視した絶対配置
絶対配置要素にその親のパディングをどのように反映させるのですか?内側のdivをその親の幅全体に広げて、その親の下部、基本的にはフッターに配置する必要があります。しかし、子供は親のパディングを尊重する必要があり、それはそれをしていません。子は親の端に押し付けられます。 だから私はこれが欲しい: しかし、私はこれを手に入れています: <html> <body> <div style="background-color: blue; padding: 10px; position: relative; height: 100px;"> <div style="background-color: gray; position: absolute; left: 0px; right: 0px; bottom: 0px;">css sux</div> </div> </body> </html> 内側のdivの周りにマージンを設けることもできますが、追加する必要はありません。

8
要素にjQueryを使用したCSSクラスがあるかどうかを確認する
私はjQueryを使用して、要素に特定のCSSクラスが関連付けられているかどうかを判断する簡単な方法があるかどうかを調べています。 要素のIDと、探しているCSSクラスがあります。ifステートメントで、要素にそのクラスが存在するかどうかに基づいて比較できるようにする必要があるだけです。
173 javascript  jquery  css 

6
div内の長い単語をワードラップする方法はありますか?
Internet Explorerにはワードラップスタイルがあることは知っていますが、div内のテキストに対してブラウザー間でこれを行う方法があるかどうか知りたいのですが。 CSSが望ましいが、JavaScriptスニペットも問題なく機能する。 編集:うん、長い文字列を参照して、みんなを元気づける!
173 css  html  word-wrap 

5
ブートストラップでFieldset Legendを使用する
私のJSPページではBootstrapを使用しています。 フォームに使用<fieldset>したいと思い<legend>ます。これは私のコードです。 <fieldset class="scheduler-border"> <legend class="scheduler-border">Start Time</legend> <div class="control-group"> <label class="control-label input-label" for="startTime">Start :</label> <div class="controls bootstrap-timepicker"> <input type="text" class="datetime" id="startTime" name="startTime" placeholder="Start Time" /> <i class="icon-time"></i> </div> </div> </fieldset> CSSは fieldset.scheduler-border { border: 1px groove #ddd !important; padding: 0 1.4em 1.4em 1.4em !important; margin: 0 0 1.5em 0 !important; …

4
@charset“ UTF-8”を指定する理由; あなたのCSSファイルで?
私はこの指示を、私に引き渡された多数のCSSファイルの最初の行として見てきました。 @charset "UTF-8"; それは何をしますか、そしてこの規則は必要ですか? また、このメタタグを「head」要素に含めた場合、CSSファイル内にも存在させる必要がなくなりますか? <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

21
アドレスバーがiOS / Android /モバイルChromeを非表示にすると背景画像がジャンプする
現在、Twitter Bootstrapを使用してレスポンシブサイトを開発しています。 このサイトには、モバイル、タブレット、デスクトップにフルスクリーンの背景画像があります。これらの画像は、2つのdivを使用して回転し、それぞれフェードアウトします。 1つの問題を除いて、ほぼ完璧です。iOS Safari、Androidブラウザー、またはAndroid上のChromeを使用すると、ユーザーがページを下にスクロールすると背景がわずかにジャンプし、アドレスバーが非表示になります。 サイトはこちら:http : //lt2.daveclarke.me/ モバイルデバイスでアクセスして下にスクロールすると、画像のサイズ変更/移動が表示されます。 背景DIVに使用しているコードは次のとおりです。 #bg1 { background-color: #3d3d3f; background-repeat:no-repeat; background-attachment:fixed; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:fixed; width:100%; height:100%; left:0px; top:0px; z-index:-1; display:none; } すべての提案を歓迎します-これはしばらく頭を使ってきました!!


30
Firefoxの選択要素から矢印を削除する方法
selectCSS3を使用し て要素のスタイルを設定しようとしています。WebKit(Chrome / Safari)で必要な結果を得ていますが、Firefoxがうまく動作していません(IEでさえ気にしていません)。私はCSS3 appearanceプロパティを使用していますが、何らかの理由でドロップダウンアイコンをFirefoxから振ることができません。 これが私がやっていることの例です:http : //jsbin.com/aniyu4/2/edit #dropdown { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: transparent url('example.png') no-repeat right center; padding: 2px 30px 2px 2px; border: none; } ご覧のとおり、私は特別なことをしようとしているのではありません。デフォルトのスタイルを削除して、独自のドロップダウン矢印を追加したいだけです。私が言ったように、FirefoxではなくWebKitで素晴らしい。どうやら、-moz-appearance: noneドロップダウン項目を取り除きません。 何か案は?いいえ、JavaScriptはオプションではありません
172 html  firefox  css 

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