1.1 HTML标签的分类

分为块标签,和行内标签,以及行内块标签
块标签 比如div,h1~h6,p
行内标签 比如 a,b,Strong,i,span
行内块标签 比如 img,input,button
行内标签的特点是不可设置宽高

1.2 CSS常用选择器

元素选择器,id选择器,class选择器,伪类选择器,后代选择器

1-3 CSS的继承

父元素宽度
文本样式,例如text-align
字体样式,例如color
都可以被继承

1.4 使元素垂直水平居中

1.

  1. 父元素相对定位
  2. margin:autoposition:absoult,top;0,bottom:0,left:0,right;

2.

  1. 给父级元素设置display:flex,justly-content:center align-item:center
  2. 如果直接设置在body上,需要将htmlbodywidth,height都等于100%

3,

  1. 父元素相对定位,子元素绝对定位,top50%,left50%,在让左上外边距减去一半宽高即可

  1. ```javascript father{width:400px; height:200px; border:1px solid #000;display:table-cell; text-align:center;vertical-align:middle;

子元素设置行内块

  1. 5.
  2. ```javascript
  3. 父元素相对定位,子元素绝对定位,top是50%,left是50%,最后一步使用transform:transform(-50%,-50%)