day01

今天学了什么

1.什么是html , 什么是css

html是由一个个html标签构成的
css是修饰html的

2.常用的html标签

    p段落标签 

div 盒子标签

 h1~h6标题标签  

   ul和li无序列表标签   
无序列表
  
无序列表项

   dl,dt,dd,定义标签

      
定义
      
定义描述

   img  图片标签

    button按钮标签

  input输入标签

    a  超链接标签

3.常用的css样式

    color 颜色

   background-color   背景颜色

   background-image  背景图片   ： url("图片地址")  背景图片

     text-align 设置文本对齐方式
text-align left  左对齐
text-align right  右对齐

   line-height  设置文字行高

border 边框

border-color边框颜色
border-style边框样式
border-width边框宽度
border:颜色 样式 宽度；

4.选择器

     p{} 元素选择器

    .text{} class选择器

     #{} id 选择器

    p:hover{}伪类选择器
        鼠标移动时实现变化

5.盒子模型

捕获.PNG

6.盒子居中

     margin-left：auto；
     margin-right：auto；
    仅仅针对块元素有效;

我学会了的

1.什么是html , 什么是css

html是由一个个html标签构成的
css是修饰html的

2.常用的html标签

    p段落标签 

div 盒子标签

 h1~h6标题标签  

   ul和li无序列表标签   
无序列表
  
无序列表项

   dl,dt,dd,定义标签

      
定义
      
定义描述

   img  图片标签

    button按钮标签

  input输入标签

    a  超链接标签

3.常用的css样式

    color 颜色

   background-color   背景颜色

   background-image  背景图片   ： url("图片地址")  背景图片

     text-align 设置文本对齐方式
text-align left  左对齐
text-align right  右对齐

   line-height  设置文字行高

border 边框

border-color边框颜色
border-style边框样式
border-width边框宽度
border:颜色 样式 宽度；

4.选择器

     p{} 元素选择器

    .text{} class选择器

     #{} id 选择器

    p:hover{}伪类选择器
        鼠标移动时实现变化

5.盒子模型

捕获.PNG

6.盒子居中

     margin-left：auto；
     margin-right：auto；
    仅仅针对块元素有效;

我不会的

无