CSSの基礎の一部を要約
㈠cssスタイル
CSS:カスケーディングスタイルシートカスケードスタイルシート
CSSのコンテンツとスタイルスタイルを変更するのは簡単な相分離、。
㈡css文法
㈢cssメソッドを追加します。
⑴ライン内で追加します。<body>タグの上
⑵インラインスタイル:<HEAD>タグの
⑶別々のファイルには、<HEAD>タグ内の<link>タグを追加します
⑷cssメソッドを追加 - 優先順位を
近接の原則:インラインスタイル>インラインスタイル>リンクスタイル>ブラウザのデフォルトスタイル
(IV)セレクタ
⑴タグセレクタ:同じ名前を持つこの型のセレクタスタイル名タグ
⑵カテゴリセレクタ:リファレンスにクラス属性と始まりを定義するために使用されます。「」
⑶IDセレクター:属性IDを参照することによって定義されることを「#」で始まります
差:IDとクラスIDとの差がユニーク、一度固有の参照IDであり、クラスは複数回参照することができます
⑷文の先頭文字スタイル:スタイル名、スペースで区切って、別のスタイル名
⑸集団の文のスタイル:他のスタイルで一つのスタイルは、スタイルの種類は、カンマで区切っ途中で、自分のスタイルが統一されているのはなぜ一貫設定されるように。
⑹グローバルスタイル宣言:すべてのスタイルは、両方のページ全体を使用するデフォルトのスタイルとして、通常ので全体的なスタイル、セレクタの名前として「*」アスタリスクで統一されています。
⑺混合
㈤cssスタイル---テキスト(テキスト)
⑴ユニット
⒈pxピクセル
2.em文字(全角単位が自動的に使用されるユーザーフォントに適応されます)
3.パーセンテージ%(相対的な概念、親層のサブ層を設定継承、継承された属性値を含みます)
⑵色
1.rgb(X、X、x)のRGB値は、各色成分が0〜255の値
2.rgb(X%で、X%X%)のRGBパーセンタイル:0%-100%
完全に透明と完全に不透明1.0の間の0.0:3..rgba(X、X、X、x)の値
進例RRGGBB 4#:赤:#FF0000のまたは#F00(重複ビットを削除)
⑶テキストスタイル
プロパティ説明値
1.color 文本颜色 red:#f00 rgb(255,0,0)
2.letter-spacing 字符间距 2px -3px
3.line-heigh 行高 14px 1.5em 120%
4.text-align 对齐 center(居中对齐),left,right,justify(两端对齐)
5.text-decoration 装饰线 none(无装饰线),overline(文本上方),underline(文本下方)
line-through(装饰线作为删除线贯穿文本之中)
6.text-indent 首行缩进 2em
注意以下几点:
1.利用.line-heigh垂直居中:将.line-heigh属性的取值跟元素heigh的取值设置为相等
2.水平方向对齐方式用text-align ,如下图所示
3.在超链接样式的设置使用.text-decoration:none这个属性值可以去掉超链接的下划线,如下图所示
㈣字体:font
属性 描述
1.font 在一个声明中设置所有的字体属性 font:bold 18px 幼圆
2.font -family 字体系列 font-family:“Hiragino Sans GB” ,“Microsoft YaHei”,sans-serif;
3.font-size 字号 14px 120%
4.font-style 斜体 italic
5.font-weight 粗体 bold
*font属性简化的使用方法
font:斜体 粗体 字号/行高 字体
font:italic bold 16px/1.5em '宋体'
希望有所帮助。