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

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

6
とにかく、すばやくクリックしたときにChromeで要素が青くハイライト表示されないようにするにはどうすればよいですか。
ほとんどの場合、私は心配していませんが、画像カルーセルを使用しています。次の前のdivと前のdivをクリックすると、Chromeでハイライトされます。 私は、outline：noneを使用してみましたが、効果はありません。そこに解決策はありますか？
123 css  google-chrome 
23
FontAwesomeアイコンが表示されない。どうして？
最近、私はこのウェブサイトを開発していて、それにフォントの素晴らしいアイコンを入れようとしているので、スケーラブルです。 問題は、彼らが現れていないことです。 HTMLを見てください。 <a class="btn-cta-freequote" href="#">Get a FREE Quote <i class="fa fa-arrow-right"></i></a> または <li><a href="index.html"><span class="fa fa-home fa-2x"></span>Home</a></li> 私はスタイルシートのリファレンスを頭に入れました。 なぜ表示されないのかわかりません。 ここに参照があります： <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> よし、これが完全なhtmlだ。 <head> <meta charset="UTF-8"> <title>Retrica</title> <link src="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <link href="style/normalize.css" rel="stylesheet" type="text/css"> <link href="style/bootstrap.min.css" rel="stylesheet" type="text/css"> <link href="style/main.css" rel="stylesheet" type="text/css"> </head> <body> <header class="top-header"> <div class="container"><!-- …
123 html  css  font-awesome 
6
透明なHTMLボタンを作るには？
私はdreamweaverを使用してWebサイトを作成しており、Photoshopを使用して背景を作成することを考えています。コードを編集するだけでボタン名を簡単に変更できるようにしたい場合にのみ、コードを参照できるため、そうすることにしました。Photoshopを使用してボタンを作成すると、それらのボタンや要素のテキストを簡単に編集できなくなります。 したがって、私の質問は簡単です。ボタンの値を表示したまま、透明にする単純なインラインスタイルのボタンを作成するにはどうすればよいですか。 .button { background-color: Transparent; background-repeat:no-repeat; border: none; cursor:pointer; overflow: hidden; } クリックした後も境界線が残ります。
123 html  css 
6
ブートストラップテーブルの垂直位置合わせ
4列のテーブルを表示しようとしています。1列は画像です。以下はスナップショットです：- テキストを垂直方向に中央揃えにしたいのですが、CSSが機能しないようです。ブートストラップレスポンシブテーブルを使用しました。私のコードが機能しない理由と、それを機能させるための正しい方法を教えてください。 以下はテーブルのコードです CSS img { height: 150px; width: 200px; } th, td { text-align: center; vertical-align: middle; } HTML <table id="news" class="table table-striped table-responsive"> <thead> <tr> <th>Name</th> <th>Email</th> <th>Phone</th> <th>Photo</th> </tr> </thead> <tbody> <?php $i=0; foreach ($result as $row) { ?> <tr> <td> <?php echo 'Lorem Ispum'; ?> </td> …
13
警告ボックスのスタイルを変更するには？
警告ボックスの「OK」ボタンのスタイルを変更する必要があります。 <head> <script type="text/javascript"> function show_alert() { alert("Hello! I am an alert box!"); } </script> </head> <body> <input type="button" onclick="show_alert()" value="Show alert box" /> </body> コードスニペットを実行する結果を非表示スニペットを展開
123 javascript  css 
5
CSSとSCSSの違いは何ですか？
私はCSSをよく知っていますが、Sassについて混乱しています。SCSSはCSSとどのように異なりますか？CSSの代わりにSCSSを使用すると、同じように機能しますか？
123 css  sass 
24
ブートストラップ3の折りたたまれたメニューがクリックしても閉じない
ブートストラップ3の多かれ少なかれ標準的なナビゲーションがあります <body data-spy="scroll" data-target=".navbar-collapse"> <!-- ---------- Navigation ---------- --> <div class="navbar navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> </button> <a class="navbar-brand" href="index.html"> <img src="#"></a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="#home">Home</a></li> <li><a href="#one">One</a></li> <li><a href="#two">Two</a></li> <li><a href="#three">Three</a></li> <li><a href="#four">Four</a></li> …
12
電子メールのHTMLコードを作成するためにCSSスタイルを自動的にインライン化するためのツールは何ですか？[閉まっている]
閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 7年前休業。 この質問を改善する http://www.campaignmonitor.com/css/を見ると、HTMLにインラインスタイルを埋め込んで、メールをメールクライアントで読む必要があることがわかります。 が宣言されたHTMLファイルをインラインCCSスタイル属性のみのHTMLファイルに自動的に変換するツールやスクリプトを知っていますか？ 編集：Javascriptソリューション（例：http : //www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/）？jQueryで？
122 html  css  email  inline  html-email 
13
jQueryとCSS-表示の削除/追加：なし
私はこのクラスのdivを持っています： .news{ width:710px; float:left; border-bottom:1px #000000 solid; font-weight:bold; display:none; } そして、いくつかのjQueryメソッドでそのdisplay：noneを削除したいと思います。（そのため、divが表示されます）そしてそれを再度追加します（したがって、divがシャドウします）。 どうすればできますか？乾杯
122 jquery  css 
6
three.jsの背景を透明色または他の色に変更する
私はキャンバスのデフォルトの背景色のように見えるものを黒から透明/その他の色に変更しようとしていますが、運が悪いです。 私のHTML： <canvas id="canvasColor"> 私のCSS： <style type="text/css"> #canvasColor { z-index: 998; opacity:1; background: red; } </style> 次のオンラインの例でわかるように、キャンバスにアニメーションを追加しているので、不透明度だけを行うことはできません。ID上。 ライブプレビュー：http : //devsgs.com/preview/test/particle/ デフォルトの黒を上書きする方法はありますか？
10
水平線とhtml、cssでコーディングする正しい方法
あるブロックの後に水平線を描く必要があり、それを行うには3つの方法があります。 1）クラスh_lineを定義し、それにcss機能を追加します。 #css .hline { width:100%; height:1px; background: #fff } #html <div class="block_1">Lorem</div> <div class="h_line"></div> 2）hrタグを使用する #css hr { width:100%; height:1px; background: #fff } #html <div class="block_1">Lorem</div> <hr /> 3）after擬似クラスのように使用する #css .hline:after { width:100%; height:1px; background: #fff; content:"" } #html <div class="block_1 h_line">Lorem</div> どの方法が最も実用的ですか？
122 html  css 
8
CSS Pseudo-elements、「：after」、「：last-child」の組み合わせ
CSSを使用して「文法的に正しい」リストを作成したい。これは私がこれまでに持っているものです： <li>タグは、それらの後、カンマで水平に表示されます。 li { display: inline; list-style-type: none; } li:after { content: ", "; } それは機能しますが、「最後の子」にコンマではなくピリオドを付けたいです。そして、できれば「最後の子」の前にも「と」を入れたい。私がスタイリングしているリストは動的に生成されるため、「最後の子」にクラスを与えることはできません。疑似要素を組み合わせることはできませんが、それが基本的に私が達成したい効果です。 li:last-child li:before { content: "and "; } li:last-child li:after { content: "."; } これを機能させるにはどうすればよいですか？
122 css 
6
プレースホルダーミックスインSCSS / CSS
sassのプレースホルダー用のミックスインを作成しようとしています。 これは私が作成したミックスインです。 @mixin placeholder ($css) { ::-webkit-input-placeholder {$css} :-moz-placeholder {$css} ::-moz-placeholder {$css} :-ms-input-placeholder {$css} } これは私がミックスインを含めたい方法です： @include placeholder(font-style:italic; color: white; font-weight:100;); すべてのコロンとセミコロンがミックスインに渡されているため、これは明らかに機能しませんが、静的なcssを入力して上記の関数とまったく同じように渡したいと思います。 これは可能ですか？
122 css  sass 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.