CSSスタイルとプロパティ

CSSスタイル

内部スタイル、式(インラインスタイル)のライン、外部スタイルシート(外側の鎖)の3種類に分けCSSスタイル

  • 内部様式:

頭の中でCSSスタイル

  • インラインタイプ(インラインスタイル):

タグ内のCSSスタイル

  • (チェーン外)外部のスタイル:

新しいスタイルのCSSファイルを作成します。

頭の中で、リンク、Tabキーを入力して、CSSの外部スタイルへのリンクを押してください

CSSセレクタ

①タグセレクタ(セレクタ要素)

構文:タグ名{項目1:1プロパティ値、項目2:プロパティ値2; ...属性N:プロパティ値N;}又は

要素名{項目1:1プロパティ値、項目2:プロパティ値2; ... N属性:プロパティ値N;} 

 

②クラスセレクタ

構文:クラス名{項目1:1プロパティ値、項目2:プロパティ値2; ...属性N:プロパティ値N;}  注:クラス名はドット英語の前部に追加

③マルチクラス名セレクタ

構文:<タグ名クラス=「クラスクラス名1 2 ...」> </タグ名>  注:スペースで区切られた2クラス名とクラス名、および2つの異なるクラス

 

hのCSSスタイルの表示クラス名の順に無関係なTML要素、アップとCSSスタイルについて書くことによって順序ダウン

④idセレクタ

構文:名前#ID {項目1:1プロパティ値、項目2:プロパティ値2; ... N属性:プロパティ値N;}  注:名前の前の番号#は除外、およびのみ使用セレクタIDを繰り返すさせることができません一度

⑤ワイルドカードセレクタ

ページに一致するすべての要素

CSSスタイルのプロパティ

font-size: 字号大小,常用单位为em或px,一般我们使用px为多
font-family: 字体样式(宋体,微软雅黑等)
font-weight: bold; 字体加粗 也可以写成 font-weight:700;
font-weight: normal; 正常字体 也可以写成 font-weight:400;
font-weight: bolder; 特粗体
font-weight: lighter; 字体变细
font-style: 字体风格
font-style: normal 正常
font-style: italic 斜体
font-style: oblique 倾斜

语法:选择器{font: font-style font-weight font-size/line-height font-family;}

语法顺序是固定的,用空格隔开

用法:例:h1{font: 400 16px "宋体"}

css外观属性

color: 文本颜色
line-height: 行间距 单位为 px、em、%
text-align: 内容水平对齐方式 left、right、center
text-indent: 2em  段落首行缩进两个汉字(1em表示1个汉字)
text-decoration: 文本的装饰
    text-decoration: none; 默认无装饰效果
    text-decoration: underline; 下划线,一般在a链接使用
    text-decoration: overline; 定义文本上的一条线,上划线
    text-decoration: line-through; 穿过文本的一条线,删除线

明日接下去更新

 

おすすめ

転載: www.cnblogs.com/ld-xiaoluohao/p/11210846.html