class选择器.class

id选择器#id

合并选择器

合并选择器

选择器生效权重：内联1000，id100,clsaa10,元素1

字体属性

1. color十六进制/rgb/rgba，a为透明度

   字重 normal(默认)：400px bold：700px lighter：比父元素细 bolder：比父元素粗

   我是i标签

   字体展示

2. 背景属性

   这是背景颜色展示

   这是背景图片展示

3. 文本属性

   文本居中左右:center,left,right

   文本修饰上划线，下划线，删除线：overline,underline,line-through

   文本大小写转换：captalize每个单词开头大写，uppercase全部大写字母，lowercase全部小写

   text-indent文本缩进,段落缩进，也可为负值，负值则左缩进

4. 单元格	单元格	单元格
   单元格	单元格	单元格
   单元格	单元格	单元格

5. 关系选择器

6. 盒模型

   盒模型属性展示

   padding 两个值，上下，左右。后缀padding-left

   margin 两个值，上下，左右。后缀margin-left单独控制单边

7. display:flex开启弹性盒
   flex-direction指定子元素在父容器的位置，值为row横向排列，row-reverse横向反转排列，column纵向排列，column-reverse纵向反转排列
   justify-content:flex-start;flex-end;center在开始，结束，中间位置填充。横轴对齐
   align-items纵轴对齐。属性与上述一致
   子元素属性：flex,flex-grow...

   item1

   item2

   item2