プログラミング stylesheet

16

HTMLを使用して、ドキュメントのすべての印刷ページにヘッダーとフッターを印刷する方法

印刷された各ページにカスタムヘッダーとフッターを含むHTMLページを印刷することはできますか？内容に関係なく、印刷されたすべてのページの上部と下部に、赤、Arial、サイズ16ptの「未分類」という単語を追加したいと思います。明確にするために、ドキュメントが5ページに印刷された場合、各ページにはカスタムヘッダーとフッターが必要です。 HTML / CSSを使用してこれが可能かどうか誰かが知っていますか？

516 css header printing stylesheet footer

15

CSSにパディングが存在する場合、オーバーフローせずにTextAreaの幅を100％にするにはどうすればよいですか？

次のCSSおよびHTMLスニペットがレンダリングされています。 textarea { border:1px solid #999999; width:100%; margin:5px 0; padding:3px; } <div style="display: block;" id="rulesformitem" class="formitem"> <label for="rules" id="ruleslabel">Rules:</label> <textarea cols="2" rows="10" id="rules"/> </div> コードスニペットを実行する結果を非表示スニペットを展開問題は、テキスト領域が親よりも8px広くなる（境界線の2px +パディングの6px）ことです。境界線とパディングを引き続き使用しながら、の合計サイズをtextarea親の幅に制限する方法はありますか？

426 html css stylesheet

15

JavaScriptでCSSクラスを動的に作成して適用する方法は？

JavaScriptでCSSスタイルシートクラスを動的に作成し、div、table、span、trなどのHTML要素や、asp：Textbox、Dropdownlist、datalistなどのコントロールに割り当てる必要があります。出来ますか？サンプルでいいですね。

299 javascript css stylesheet

18

1つの巨大な.cssファイルと複数の小さな特定の.cssファイル [閉まっている]

休業。この質問は意見に基づいています。現在、回答を受け付けていません。この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 2年前休業。この質問を改善するほとんどすべてのページで使用されるスタイル要素を含む単一のモンスター.cssファイルを使用することには利点がありますか？管理を簡単にするために、さまざまな種類のCSSをいくつかのファイルに引き出し、メインのすべてのファイルを含めるの<link />は悪いことだと思います。これが良いと思います Positions.css buttons.css tables.css copy.css 対 site.css 片方の方法と他の方法でそれを行うことの落とし穴を見たことはありますか？

258 css html stylesheet

6

192 html css stylesheet

11

CSSスタイルシートはどの順序でオーバーライドしますか？

HTMLヘッダーには、これがあります。 <head> <title>Title</title> <link href="styles.css" rel="stylesheet" type="text/css"/> <link href="master.css" rel="stylesheet" type="text/css"/> styles.css私のページ固有のシートです。master.cssブラウザのデフォルトを上書きするために各プロジェクトで使用するシートです。これらのスタイルシートのどれが優先されますか？例：最初のシートには特定のものが含まれています body { margin:10px; } 関連するボーダーですが、2番目には私のリセットが含まれています html, body:not(input="button") { margin: 0px; padding: 0px; border: 0px; } 本質的に、CSSのカスケード要素は、スタイルシートの参照に関して、通常のCSS関数と同じように機能しますか？最後の行が表示されたものであることを意味しますか？

157 css overriding stylesheet

7

Internet ExplorerのCSSルールの制限

Internet Explorerの愚かなCSS制限に関する矛盾する情報を読みました。私は（私はそう思います）31 <style>と<link>タグ（結合）しか持てず、各シートには最大31 @import-s が含まれることを理解しています（したがって、31 <link>-sはそれぞれ31 @import-sで問題ありません）。ただし、4095ルールはそれほど明確ではありません。この4095ルールはドキュメントごとですか、それともシートごとですか？たとえば<link>、それぞれ4000ルールのスタイルシートを2つ作成して機能させることはできますか、それとも制限を超えますか？サードパーティ編集2018 このmsdnブログの投稿stylesheet-limits-in-internet-explorerに詳細情報が記載されています。

150 css internet-explorer stylesheet

6

HTMLページの印刷中のマージン

印刷用に別のスタイルシートを使用しています。印刷マージンを設定するスタイルシートで左右のマージンを設定することは可能ですか（つまり、用紙のマージン）。ありがとう。

141 html css printing stylesheet

1

Androidアプリケーションのすべてのボタンにスタイルを適用する方法

アプリケーション全体にスタイルを適用しました。 AndroidManifest.xml： <application android:theme="@style/ApplicationStyle" android:icon="@drawable/icon" android:label="@string/app_name"> そして私のstyles.xmlで： <style name="ApplicationStyle" parent="android:Theme"> <item name="android:button">@style/CKButton</item> </style> <style name="CKButton" parent="android:style/Widget.Button"> <item name="android:textSize">19sp</item> <item name="android:layout_margin">0dip</item> <item name="android:background">#ff0000</item> </style> しかし、スタイルは適用されません。 ApplicationStyle- Itemで誤った名前を使用しただけで申し訳ありませんが、オブジェクト名を探す場所がなく、単純android:buttonにすべてのボタンに当てはまります。

131 android button stylesheet

17

CSSでif / else条件を使用できますか？

CSSで条件を使用したいと思います。アイデアは、正しいスタイルシートを生成するためにサイトが実行されたときに置き換える変数があるということです。この変数に応じてスタイルシートが変更されるようにしたいです！それは次のようになります： [if {var} eq 2 ] background-position : 150px 8px; [else] background-position : 4px 8px; これはできますか？これどうやってやるの？

120 css stylesheet conditional-statements

11

CDNが失敗した場合に（スクリプトではなく）ローカルスタイルシートにフォールバックする方法

CDNでjQuery Mobileスタイルシートにリンクしています。CDNが失敗した場合は、ローカルバージョンのスタイルシートにフォールバックしたいと考えています。スクリプトの場合、解決策はよく知られています。  <script src="http://code.jquery.com/jquery-1.6.3.min.js"></script> <script type="text/javascript"> if (typeof jQuery == 'undefined') { document.write(unescape("%3Cscript src='jquery-1.6.3.min.js'%3E")); } </script> スタイルシートについても同様のことをしたいと思います： <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" /> スクリプトをロードするときと同じようにスクリプトをリンクするときにブラウザーが同じようにブロックするかどうかがわからないため、同様のアプローチを達成できるかどうかわかりません（おそらく、スクリプトタグにスタイルシートをロードしてから、ページに挿入します）？だから私の質問は：CDNが失敗した場合にスタイルシートがローカルに読み込まれるようにするにはどうすればよいですか？

108 jquery html jquery-mobile stylesheet cdn

4

SASSで別のファイルのクラスから継承することは可能ですか？

質問はほとんどすべてを言います。たとえば、Twitter Bootstrapを使用している場合、BootstrapのCSSクラスから継承するクラスを自分のSASSスタイルシートで定義できますか？または、SASSの継承は単一ファイルのスコープ内でのみ機能しますか？

102 css inheritance stylesheet sass

14

外部CSSでSVGをスタイルする方法は？

各SVGファイル内ではなく、外部スタイルシートを使用して色を変更したいSVGグラフィックがいくつかあります。グラフィックをインラインで配置するのではなく、画像フォルダに保存して、ポイントします。ツールチップが機能するようにこれらをこの方法で実装し<a>、リンクを許可するためにそれぞれをタグでラップしました。 <a href='http://youtube.com/...' target='_blank'><img class='socIcon' src='images/socYouTube.svg' title='View my videos on YouTube' alt='YouTube' /></a> そして、これがSVGグラフィックのコードです： <?xml version="1.0" encoding="utf-8"?> <?xml-stylesheet href="stylesheets/main.css" type="text/css"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 56.69 56.69"> <g> <path d="M28.44......./> </g> </svg> 次のコードを外部CSSファイル（main.css）に追加しました。 .socIcon g {fill:red;} ただし、グラフィックには影響しません。.socIcon gパス{}と.socIconパス{}も試しました。何かが正しくない、おそらく私の実装では外部CSSの変更が許可されていないか、または手順を逃しましたか？よろしくお願いします！外部スタイルシートを介してSVGグラフィックの色を変更する機能が必要なだけですが、ツールチップとリンク機能を失うことはありません。（私はツールチップなしで生きることができるかもしれません。）ありがとう！

102 html css svg stylesheet external

4

<h1>タグの後の改行を削除しますか？

<h1>タグの後に改行を削除すると問題が発生します。印刷するたびに改行が追加されるため、次のように<h1>Hello World!</h1> <h2>Hello Again World!</h2>印刷されます。 Hello World! Hello Again World! CSSでどのタグを変更する必要があるかわかりませんが、パディングやマージンと関係があると思いますできれば、垂直方向のパディングも維持したいと考えています。

92 html css header styles stylesheet

13

ページをリロードせずにcssをリロードする簡単な方法はありますか？

ページをリロードせずにスタイルシートをリロードして適用するプレビュー機能を備えた、ライブのページ内cssエディターを作成しようとしています。これについて行くための最良の方法は何でしょうか？

90 javascript css stylesheet reload

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

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