css基礎知識のまとめ

一:cssに対する理解what:cascading style sheetは、htmlに化粧をして、htmlにどのようにもっと豊かに自分を表示させるのか.how:スタイルシートを使用するには、3つの方法があります.インラインスタイルの内部スタイルの外部スタイル(*)-- why:より良い視覚的表現を与え、人はいつもより美しく、よりきれいで、より快適で、より豊富なWebページを読むのが好きです.二:cssの構文セレクタ:宣言(1)セレクタ分類1.エレメントセレクタelementName{}2.クラスセレクタclass{} 3.idセレクタ#id{}4.コンビネーションセレクタp#id/.class{} 5.派生セレクタdiv p{},div>#id{}6.擬似クラスセレクタ(同じ要素を異なる状態で設定するためのスタイル):hover:link:visited:active:focus(2)宣言(近接原則)font:font-family(マイクロソフト雅黒windows、文泉宿正黒linux)、font-color、font-size margin:30 px auto text-aglin:center line-height:*px z-index:スタックbackground:background-coloor background-image(属性:background-repeat,background-position,background-attachment)BoxModel:boder--1 px dashed/solid rgb(,*)margin-10 px padding–10 px...宣言分類:1.テキストスタイル2.表スタイル(固有のプロパティ–border-collapse)3.位置決めフロー位置決め(デフォルト位置決め)フローティング位置決め(親フレームを支える場合は、フローティング要素の後ろに空のボックスを1つ追加し、clear:bothに設定)相対位置決め(元の位置を解放せず、position:relative)絶対位置決め(元の位置を解放–デフォルト位置(ブラウザの左上隅)positon:absoluteに戻る)固定位置決め(スクリーン位置に対して動かず、position:fixed)4.リストスタイルlist-style-type list-style-image 5.表示方法:displayで修正する(ブロック要素、行内要素、行内ブロック要素)6.マウスの形状:cousor(default,pointer,crosshair,text,wait,helpなど)3:cssルール特性(1)継承性:親のcss宣言は要素継承可能(2)積層性:同じ要素に複数のcssルールがある場合、彼らは(3)優先度を重ねることができる:複数のcss宣言がある要素に対して、衝突がある場合、優先度で話す