.####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内边界/填充