day02
1.html标签的使用
1.png
2.png
3.png
4.png
5.png
6.png
2.css的简单使用
color--文字的颜色
line-height--行高会文本在行高中垂直居中
background-color:设置背景颜色
text-align:设置文本的对齐方向
font-size:设置字体大小
11.png
效果图如下
22.png
1.p{} 元素选择器 慎重使用
p{
color:red;}
2..+ClassName{}
特点：
1.可以给多个标签相同的class名
2.可以给一个标签多个class名
.one{
color:pink;
}
.two{
background:#eee;
}
3.+idName{}
特点:每一个id名都是唯一的
--写样式的时候不要使用id选择器
*/
#three{
color:yellow;
}
4.伪类选择器
element:hover{}
h1:hover{
color:green;
}
3.盒子模型
功能:可以改变元素的位置
border -- 改变元素的宽度
padding --改变元素的width,height
4.元素水平居中
margin-left: auto;
margin-right: auto;
5.样式重置
写样式之前首先要进行样式重置
*{margin:0;padding:0}
