2018-07-10

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}