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; 穿过文本的一条线,删除线
明日接下去更新