day01

.####A.我今天学到了什么？

HTML是什么？CSS是什么？

1、网页就是有一个个HTML标签组成。

2、CSS样式负责修饰HTML标签。

html标签
1、div,p,h1~h6,ul,li,dl,dt,dd,img,input,a,button

CSS语法
1、h1 {color:red;font-size:14px;}

CSS常用选择器
1、p{}元素选择器
2、p.one{}class选择器
3、p#two{}id选择器
4、p:hover{}伪类选择器

盒子模型

1、margin外边界
2、border边框
3、padding内边界/填充
4、content内容

5、元素居中margin-left:auto;margin-right: auto仅针对块元素有效
常用的CSS样式

1、color：设置文字的颜色

2、width:设置一个元素的宽度

3、height:设置一个元素的高度

4、background-color:设置一个元素背景颜色

5、background-image:设置一个元素背景图片

6、line-height:设置文字的行高

7、text-align:设置文字对齐的方式

8、border-width:边框的宽度

9、border-style:边框的样式

10、border-color:边框的颜色

11、p:hover{color:blue}当鼠标移动到元素上时可改变元素的css样式

B.今天我掌握了什么？

html常用的标签

1、div,p,h1~h6,ul,li,dl,dt,dd,img,input,a,button

CSS语法

1、h1 {color:red;font-size:14px;}

CSS常用选择器

1、p{}元素选择器
2、p.one{}class选择器
3、p#two{}id选择器
4、p:hover{}伪类选择器

盒子模型

1、margin外边界
2、border边框
3、padding内边界/填充
4、content内容

5、元素居中margin-left:auto;margin-right: auto仅针对块元素有效

常用的CSS样式

1、color：设置文字的颜色
2、width:设置一个元素的宽度
3、height:设置一个元素的高度
4、background-color:设置一个元素背景颜色
5、background-image:设置一个元素背景图片
6、line-height:设置文字的行高
7、text-align:设置文字对齐的方式
8、border-width:边框的宽度
9、border-style:边框的样式
10、border-color:边框的颜色
11、p:hover{color:blue}当鼠标移动到元素上时可改变元素的css样式

.####C.我哪里掌握的不好

1、input,a,button

2、padding内边界/填充