CSS関連の知識Ⅰ

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  '宋体'

 

希望有所帮助。

 

おすすめ

転載: www.cnblogs.com/shihaiying/p/11241426.html