day02
1.html标签的使用
![](https://img.haomeiwen.com/i13085879/07ad7a2bd21a5289.png)
![](https://img.haomeiwen.com/i13085879/4cc9afe42255de0d.png)
![](https://img.haomeiwen.com/i13085879/87b4194a68617575.png)
![](https://img.haomeiwen.com/i13085879/e68720df462ba28a.png)
![](https://img.haomeiwen.com/i13085879/b09d8f43f0c6c53a.png)
![](https://img.haomeiwen.com/i13085879/dec62471a5d76592.png)
2.css的简单使用
color--文字的颜色
line-height--行高会文本在行高中垂直居中
background-color:设置背景颜色
text-align:设置文本的对齐方向
font-size:设置字体大小
![](https://img.haomeiwen.com/i13085879/2db95436d980df13.png)
效果图如下
![](https://img.haomeiwen.com/i13085879/f51d8f5711cdee84.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}
网友评论