CSSのinheitとaut使用分析

4884 ワード

通常は小さな数値で、幾重にも拡大して歪曲すると、配置全体が崩れてしまいます。CSSは簡単な言語で、使いやすいですが、ごみコードも一番出やすいです。これはこの言語を深く研究しなかったからです。本人は、CSSは以下の3つのブロックから構成されていると思います。標準値、継承システムと重み付けシステムです。デフォルト値とは、ブラウザがユーザに属性を設定していない場合、デフォルトで指定した属性です。CSSフレームは基本的にレス.cssというファイルがあります。それをリセットして、各ブラウザの違いを解消します。継承システムとは次の重点的に検討するものです。重み付けシステム、すなわち優先度の問題は、ここでの議論の範疇ではなく、言いません。また、この三つのものはIE Bugの襲来に直面していますので、被害は甚大です。自分で別に解決しましょう(笑)。CSSでは、多くの属性が引き継がれます。例えば、ある段落のフォントが白に設定されている場合、その要素のフォントはinhertに設定されていません。ホワイトです。これらの属性はinheited propertyと呼ばれ、これは親要素から対応する属性の計算と変換の値を取得します。親要素がその場合と同じであれば、上に探し続けます。最後にブラウザのデフォルト値を使いません。以下はinheited propertiesの一覧表です。
 
border-collapse
border-spacing
caption-side
color
cursor
direction
empty-cells
font
font-family
font-stretch
font-size
font-size-adjust
font-style
font-variant
font-weight
letter-spacing
line-height
list-style
opacity
list-style-image
list-style-type
quotes
text-align
text-indent
text-transform
white-space
word-spacing
<meta charst=“gb 2312”/><style type=“text/css”v 1"){style=style.replace(/\-(\\")/g,function(all,letter){return letter.toUpperCase();return ll.current Style[style];else{return document.defaultView.get Computted Style(l,null).get PropertyValue(style)}var_=function(id){return document.getElement ById}window.onload=function(){alert(get Style(u)}text 2")CSS
text"style="width:20 em;height:140 pxbackground:c 0padding:2 pxborder:1 px sold red;カラー:菗fff">父要素
引入外部Js需再刷新一下页面才能执行]私達は父要素にフォントのスタイルを設定しましたが、サブ要素が設定されていません。サブ要素を取り出すと、その値がrgbフォーマットに変換されることが分かりました。ただし、IE 7およびそれ以前のバージョンでは、directionとvisibility以外のスタイル属性の設定はサポートされていません。具体的には、ここおよびここを参照してください。ここでは、元々はinheited propertyであったtext-alignがthで失効します。テーブル>RubyRouvreBy司徒正美table>table、tr、td、thborder:1 px sold啣000;テーブル{text-align:right}td,th{width:100 px;}本来ならば、タイブルからテキストを右揃えの設定に継承しますが、無効になりました。border:1 px sold啣000;テーブル{text-align:right}td,th{width:100 px]CSSRouvre司徒正美
RubyRouvre
By
に設定しやすいです。テーブル、tr、td、th{border-collappse;border:1 px sold啣000;テーブル{text-align:right}td,th{width:100 px;}th{text-align:inheit]<>meta charset=「utf-8」/」