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的标签
使用方法：<p class = "p-topline">...</p>
3.id选择器(一般不用于CSS选择器)
写法举例：#p-topline{...}
代表了所有id属性为p-topline的标签
使用方法：<p id= "p-topline">...</p>
4.伪类选择器(...:hover)
写法举例：p:hover{...}
代表了所有p标签在鼠标悬停在其上时
使用方法：直接对所有p标签生效
--------------------------------
写法举例：.class-selector:hover{...}
代表了所有class属性为class-selector的标签在鼠标悬停在其上时
使用方法：<h2 class = "class-selector">...<h2/>
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的标签
使用方法：<p class = "p-topline">...</p>
3.id选择器(一般不用于CSS选择器)
写法举例：#p-topline{...}
代表了所有id属性为p-topline的标签
使用方法：<p id= "p-topline">...</p>
4.伪类选择器(...:hover)
写法举例：p:hover{...}
代表了所有p标签在鼠标悬停在其上时
使用方法：直接对所有p标签生效
--------------------------------
写法举例：.class-selector:hover{...}
代表了所有class属性为class-selector的标签在鼠标悬停在其上时
使用方法：<h2 class = "class-selector">...<h2/>
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个参数，且根据顺序按顺时针赋值，未赋值参数取其对面参数值。
