2019年7月26日10時32分49秒
CSS：
セレクタにより、ルールセットの宣言の数1.文法。
選択した要素の下の2文は、現在のドキュメント内のすべての要素に適用されます。
例：p{
color:green;
}
注：所有段落字体颜色为green.
クラスは、クラスを持つすべての要素に適用されます選択します。
例：.stress{
font-size:21px;
}
<span class="stress">
<p class="stress">
注：包含.stress属性值的都会改变字体大小。
4. IDセレクタ名は固有のIDでなければなりません。
例：<span id="stress">
注：只能有一个id名为.stress.
5.書き込みルール：1行に複数の文を記述しないでください。
例：p{color:red;fout-size:21px;backgronud:blue}
6.意味構造タグ（新しいHTML5）：
标签名 |
意味 |
<header> |
ページまたは領域の先頭を表すために使用されます。 |
<nav> |
ナビゲーションバーを表すために使用されます。 |
<aside> |
周囲のテーマに関連する追加情報を示すために使用されます。 |
<article> |
記事や他の独立したページの存在の内容を表すために使用されます。 |
<section> |
全体のテーマの一部を表すために使用されます。 |
<footer> |
脚注やページの領域を示すために使用されます。 |
7.テキスト要素：
| ラベル名 |
意味 |
<h1>~<h6> |
レベル1レベル1-6の見出しのタイトル |
<P> |
段落 |
<strong> |
重要なテキスト（強調）は、最も一般的なオプション太字のテキストで、意味的にテキストの重要性を強調することです。 |
<b> |
テキストを強調表示されます |
<em> |
（イタリック体）を強調したテキスト |
<i> |
テキストは別々に扱われるべきです |
<span> |
複数の文字アクロス |
<q> |
小さなテキスト参照 |
<cite> |
参考文献の引用 |
<abbr> |
頭字語を参照 |
| |
例：<abbr title="全称">简写</abbr> |
| |
例：<abbr title="Hypertext Markup language">html</abbr> |
<blockquote> |
全体の参照 |
<a> |
リンク |
| |
<a href="打开的路径" target="从新的标签页打开"> |
| |
例：<a href="http://runoob.com" target="_blank">菜鸟</a> |
8.パス：
- 同じパスで相対パスのリンク場合は、直接ファイル名を入力します。
- HREFの絶対パスは、ファイル名のフルパスを記入しなければなりません。../現在のリソース（省略可能）ディレクトリを表す./親ディレクトリへの復帰を表します
9.エンコード特殊文字：
| 書面 |
意味 |
|
ブランク |
© |
著作権（C円） |
< |
より大きい |
> |
以下 |
® |
記号（円R®） |
& |
アンパサンド |
乱数假文 |
Loremのイプサム |
10色単位：
h1{
color:white;
color:#fff;
color:rgb(255,255,255);
}
长度单位
一个尺寸是由长度+单位组成的
绝对长度：px
相对长度：em
11} * {ワイルドカード：すべての現在の一致文書要素
12.属性セレクタ
[属性=值]
[class=testclass]{}
13.擬似クラスセレクタ
a:link(“未访问”){
color:#000;
}
a:visited(“访问后”){
color:#ccc;
}
a:hover(“移入”){
color:red;
}
a:acrive(“点击时”){
font-size:30px;
}
14.擬似要素：擬似要素に、CSS3の擬似クラスと擬似要素を識別（タグに単語を追加することができます:)
：first-letter 第一个字
：first-line 第一行
a::before{content:"之前"}
a::after{content:"之后"}
15.組み合わせセレクタ（セレクタとコレクタ）
h1,h2,h3,h4{
font-weight:normal;
}
特点：形式不限，元素，类，id都可以选择
16.子セレクタ
ul>li （大于）表示子集选择器
特点：用于选择指定标签元素的第一代子元素。
17.子孫セレクタ
ul li （空格）表示后代选择器
特点：用于选择指定标签元素下的所有后代元素。