忍者ブログ
Flex,Java,Html など、調べた事のメモ帳です。 間違ってたらゴメンなさい。
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

 CSSのスタイルシートはブラウザのデフォルト・スタイルシート→ユーザー・スタイルシート(用意した場合ですが)→ページ作者のスタイルシートの順に優先度が高くなります。また、ひとつのスタイルシートにおいても後から指定したスタイルが優先されます。後からとは同じセレクタのスタイルが重複した場合は最後(CSSソースの下)に指定したスタイルが優先されることです。また、普通のスタイルよりはクラスセレクタを使ったスタイルが優先され、クラスセレクタよりはIDセレクタを使ったスタイルが優先されます。

 !importantルールを使うとスタイルを優先させることができます。「プロパティ: 値」の後に半角スペースで区切り、!importanを配置します。ただし、「プロパティ: 値」ごとに指定する必要があります。

body {
 background-color: #000000 !important;
 color: #ffffff !important;
}

 ブラウザの設定で、上のスタイルをユーザー・スタイルシートにすれば、どのWebページでも背景色が黒で文字色が白で見ることができます。

 欠点は、ページ作者がクラスセレクタやIDセレクタを使っている場合、ページ作者と同じクラス名およびID名を使って、!importantルールを適用しないと優先させられない場合があります。工夫次第でスタイルを優先させられるのが!importantルールです。






a {
 text-decoration: none;
}






<style type="text/css">  
<!-- 
    CSSの指定を記述 
-->  
</style>  

<link rel="stylesheet" type="text/css" href="style.css">





p {
    line-height: 0.5em;
}







太陽系時空間地図 地球暦 ギャラクティックキャンドル 縄文電気 デザインオフィス マキクラフト プログラムメモ
p {
    letter-spacing: 0.5em;
}




 
ブログランキング
にほんブログ村 IT技術ブログ IT技術メモへ
 
カレンダー
04 2024/05 06
S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
人気ブログランキング
ブログランキング ブログランキング
最新TB
ブログ内検索
PR
ATOM  
ATOM 
RSS  
RSS 
Copyright ©   プログラムメモ   All Rights Reserved
Design by MMIT  Powered by NINJA TOOLS
忍者ブログ [PR]