2021-11-05 html.css3基础

0. 写出移动端html根元素字体大小设置为100px时，使用vw的推导过程
/* 750px html{font-size:26.67vw}
640px  html{font-size: 31.25vw;} */
1. 元素的类型分类？元素类型的特点？
块状元素：独占一行，可以设置宽度和高度 margin,padding都支持
行内元素（内联元素）：不独占一行，不可以设置宽度和高度，支持左右padding，左右margin。
行内块元素（置换元素）：img input select textarea 

行内块元素水平居中：给父元素设置text-align:center 
竖直方向：height和line-height（行内块元素加vertical-align:middle）

2. 常见的标签的属性？比如a标签常见的属性？ img常见的属性
<a href='' title='' target='blank/self/new' ></a>
<img src='' title='' alt =''>   seo 
3. 盒子模型的组成？盒子模型分为哪两种，有什么区别？
   margin padding border width height
   margin padding border content(width+height)

   触发怪异盒模型：box-sizing：border-box;

   怪异盒模型（ie盒模型）：
   标准盒模型：box-sizing：content-box;

4. 浮动的属性float的属性值有哪几个?
left/right/none
5. 浮动元素的特点，如何清除浮动，有哪些方案？
 脱标（脱离标准文档流）
 空盒子 <div style='clear:both'></div>
      高
      .clearfix::after{
           content:'';
           display: block;
           visibility: hidden;
           clear:both;
           overflow:hidden;
           height:0;
      }
      父元素：overflow：hidden

6. 写出定位属性position的属性值有哪些？以及明显特点？
static   静态定位 ÿ