day02

HTML--CSS

1常用html标签

01.png

h1~h6    标题
    

    

           …
段落
  插入图片 

  换行 
 百度一下  插入搜索栏
  无序列表  
  列表项
shift+Alt+↓  快速下拉复制
  链接标签·
href  指定网址
  可以把文档分割为独立的、不同的部分。
 定义列表
 定义术语
 定义描述

2css标签

03.png

        background-color:背景颜色设置
        height: 行高
        line-height: 文本在行高中垂直居中
        color: 字体颜色
        text-align: 设置文本的对齐方向
        font-size: 设置字体大小

3css常用选择器

04.PNG

.one{     //定义class名称
      color: red  
     }
 +classname""选择class     可以选择多个
#three{
     color: yellow
    } 每一个id名都是唯一的
        --写样式时不要用id选择器
h1:hover{
            color: red;/*鼠标经过时文字的颜色*/
        }

4盒子模型

05.png

margin   可以改变元素的位置
border   可以改变元素的宽度 
 padding  可以改变元素的width,height.

5水平居中

06.PNG

6样式重置

07.png

*{margin: 0;padding: 0}
写样式之前先进行样式重置