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

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

10
Twitterブートストラップを使用してアラートを自動的に閉じる方法
私はTwitterのブートストラップCSSフレームワークを使用しています(これは素晴らしいです)。ユーザーへの一部のメッセージについては、アラートJavaScript JSおよびCSSを使用して表示しています。 興味のある方は、http://getbootstrap.com/javascript/#alertsで確認できます。 私の問題はこれです。ユーザーに警告を表示した後、一定の時間間隔を置いてすぐに立ち去りたいです。Twitterのドキュメントと私が調べたコードに基づくと、これは組み込まれていないようです。 私の最初の質問は、これが実際にブートストラップに組み込まれていないことの確認の要求です 第二に、どうすればこの動作を実現できますか?

6
Twitter Bootstrapを使用して、ボタンをテーブルセルの垂直方向の中央に配置する
私はTwitter Bootstrapを使用していて、ボタンをテーブルセル内の中央に配置しようとしています。本当に必要なのは、垂直方向の中央揃えだけです。 <table class="table table-bordered table-condensed"> <tbody> <tr> <td><a href="#" class="btn btn-primary"><i class="icon-check icon-white"></i></a></td> <td><a href="#">Todo Item One</a><br /><span class="label label-success">One thing</span></td> </tr> </tbody> </table> 問題については、JSFiddleを参照してください。私が知っているいくつかのテーブルセンタリングト​​リックを試しましたが、どれも正しく機能していないようです。何か案は?前もって感謝します。 更新:はい、私は試してみましたがvertical-align:middle;、インラインの場合tdは機能しますが、クラス内にある場合は機能しません。これを反映するようにJSFiddleを更新しました。 最終更新:私は馬鹿で、bootstrap.cssによって上書きされているかどうかを確認しませんでした

11
Googleの画像なしボタン
最近、Googleの新しいイメージレスボタンに関する記事がいくつかあります。 http://stopdesign.com/archive/2009/02/04/recreating-the-button.html http://stopdesign.com/eg/buttons/3.0/code.html http://stopdesign.com/eg/buttons/3.1/code.html http://gmailblog.blogspot.com/2009/02/new-ways-to-label-with-move-to-and-auto.html これらの新しいボタンがGmailでどのように機能するかが本当に気に入っています。サイトでこれらのボタンまたは同様のボタンを使用するにはどうすればよいですか?同様のルックアンドフィールのオープンソースプロジェクトはありますか? JQuery / XHTML / CSSを使用してこのような独自のボタンパッケージをロールしたい場合、どの要素を使用できますか?私の最初の考えは: <input type="button">外観を改善するためのcssを使用した標準(主にcss / imgesについて話されている設計記事に関連しています。) <a>タグ付きの「onclick」イベントのボタンをルートとするカスタムダイアログとフィルタリング用の検索バーを表示するJQuery JavaScript そのポップアップのテーブルレイアウトは正気でしょうか? 私はWebのリバースエンジニアリングにひどいですが、これらのボタンをリバースエンジニアリングするために使用できるツールにはどのようなものがありますか?FirefoxのWeb開発者ツールバーを使用すると、ボタンのポップアップダイアログで使用されているcssまたはjavascript(縮小されていても)が実際には表示されません。それらをのぞいていくつかのアイデアを得るには、どのブラウザツールまたは他の方法を使用できますか? 私はGoogleのIPを盗むつもりはありません。同様のボタン機能を作成する方法を知ってください。



12
背景から切り取られた透明なテキスト
CSSを使用して、次の画像のような背景効果から透明なテキストを切り取る方法はありますか? テキストに代わる画像のために、すべての貴重なSEOを失うのは悲しいことです。 最初は影のことを考えましたが、何もわかりません... 画像はサイトの背景、絶対配置<img>タグです
90 css  svg  fonts  css-shapes 

5
CSS経由でMicrosoft Edgeブラウザーを識別する方法は?
私はWebアプリケーションを開発しています。独自のスタイルを適用するには、Microsoft Edgeのブラウザーを他のブラウザーと区別する必要があります。CSSを使用してEdgeを識別する方法はありますか?と同じように、 <!--[if IE 11]> Special instructions for IE 11 here <![endif]-->



3
側面が斜めの形状(レスポンシブ)
下の画像のように、片側のみ(たとえば、下側)に傾斜したエッジがあり、他のエッジはまっすぐな形状を作成しようとしています。 borderメソッド(コードは以下に示す)を使用してみましたが、形状の寸法が動的であるため、このメソッドを使用できません。 .shape { position: relative; height: 100px; width: 200px; background: tomato; } .shape:after { position: absolute; content: ''; height: 0px; width: 0px; left: 0px; bottom: -100px; border-width: 50px 100px; border-style: solid; border-color: tomato tomato transparent transparent; } <div class="shape"> Some content </div> コードスニペットを実行する結果を非表示スニペットを展開 背景にグラデーションを使用してみました(以下のコードのように)が、寸法が変わるとめちゃくちゃになります。下のスニペットの形にカーソルを合わせると、私が何を意味するかがわかります。 コードスニペットを表示 .gradient { display: inline-block; …


7
デフォルトのリストスタイル(CSS)とは何ですか?
私のウェブサイトではreset.cssを使用しています。これをリストスタイルに正確に追加します。 ol, ul { list-style: none outside none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, …
90 html  css  html-lists 



7
<head>で要素を注文するためのベストプラクティスは何ですか?
何でも好きな順番で使えますか?配置&lt;meta http-equiv="Content-Type" content="text/html;charset=UTF-8"&gt;は前に重要ですか&lt;title&gt; これが最もよく使われますが、最善の方法ですか? &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"&gt; &lt;title&gt;Title Goes Here&lt;/title&gt; &lt;link rel="stylesheet" href="http://sstatic.net/so/all.css?v=5912"&gt; &lt;link rel="shortcut icon" href="http://sstatic.net/so/favicon.ico"&gt; &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(function() { $("#wmd-input").focus(); $("#title").focus(); $("#revisions-list").change(function() { window.location = '/posts/1987065/edit/' + $(this).val(); }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; …
90 html  css  xhtml  w3c 

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