day01

A今日所学

一、常用HTML标签

1.div

2.p

3.h1~h6

4.dl,dt,dd
definition list,definition term,definition description

5.ul,li
unordered list,list item

6.img

7.input

8.a
anchor

9.button

CSS常用选择器

1.元素选择器
  写法举例：p{...}
  代表了所有p标签
  使用方法：直接对所有p标签生效

2.class选择器(最常用CSS选择器)
  写法举例：.p-topline{...}
  代表了所有class属性为p-topline的标签
  使用方法：
...

3.id选择器(一般不用于CSS选择器)
  写法举例：#p-topline{...}
  代表了所有id属性为p-topline的标签
  使用方法：
...

4.伪类选择器(...:hover)
  写法举例：p:hover{...}
  代表了所有p标签在鼠标悬停在其上时
  使用方法：直接对所有p标签生效
--------------------------------
  写法举例：.class-selector:hover{...}
  代表了所有class属性为class-selector的标签在鼠标悬停在其上时
  使用方法：
...

CSS常用样式

1.color

2.weight

3.height

4.background-color

5.background-image

6.line-height
行高-简单来说，作用是在定义高度同时使该元素中的内容在垂直上居中

7.text-align
文本（元素中的内容）排放

border-width

border-height

border-style

p:hover{color:pink}

盒子模型

盒子 : 边界-边框-填充-内容

box : margin-border-padding-content

盒子模型的传参 ： 
        margin:10px;--1参数时，上下左右全部有10px边界（外填充）
        margin:10px 20px;--2参数时，上下10px，左右20px边界（外填充）
        margin:10px 20px 30px;--3参数时，上10px，左右20px，下30px边界（外填充）
        margin:10px 20px 30px 40px;--4参数时，上右下左依次10,20,30,40px边界（外填充）
即只要margin填入大于一个参数时，自动生成4个参数，且根据顺序按顺时针赋值，未赋值参数取其对面参数值。

B今日已掌握

一、常用HTML标签

1.div

2.p

3.h1~h6

4.dl,dt,dd
definition list,definition term,definition description

5.ul,li
unordered list,list item

6.img

7.input

8.a
anchor

9.button

CSS常用选择器

1.元素选择器
  写法举例：p{...}
  代表了所有p标签
  使用方法：直接对所有p标签生效

2.class选择器(最常用CSS选择器)
  写法举例：.p-topline{...}
  代表了所有class属性为p-topline的标签
  使用方法：
...

3.id选择器(一般不用于CSS选择器)
  写法举例：#p-topline{...}
  代表了所有id属性为p-topline的标签
  使用方法：
...

4.伪类选择器(...:hover)
  写法举例：p:hover{...}
  代表了所有p标签在鼠标悬停在其上时
  使用方法：直接对所有p标签生效
--------------------------------
  写法举例：.class-selector:hover{...}
  代表了所有class属性为class-selector的标签在鼠标悬停在其上时
  使用方法：
...

CSS常用样式

1.color

2.weight

3.height

4.background-color

5.background-image

6.line-height
行高-简单来说，作用是在定义高度同时使该元素中的内容在垂直上居中

7.text-align
文本（元素中的内容）排放

border-width

border-height

border-style

p:hover{color:pink}

盒子模型

盒子 : 边界-边框-填充-内容

box : margin-border-padding-content

盒子模型的传参 ： 
        margin:10px;--1参数时，上下左右全部有10px边界（外填充）
        margin:10px 20px;--2参数时，上下10px，左右20px边界（外填充）
        margin:10px 20px 30px;--3参数时，上10px，左右20px，下30px边界（外填充）
        margin:10px 20px 30px 40px;--4参数时，上右下左依次10,20,30,40px边界（外填充）
即只要margin填入大于一个参数时，自动生成4个参数，且根据顺序按顺时针赋值，未赋值参数取其对面参数值。

C今日未掌握