HTML5，CSS基础学习总结

一 1，html5主要包含html,css,javascript三大部分主要技术。
2，html标签对有开始标签，标签属性，标签内容，结束标签四部分组成。,
3，常用的块元素标签有div, main, header,footer,section。
4，常用的行内元素标签有a,span,strong,del,i。
5，常用的行内块元素标签有img,input,button,select。
6，常用的标签定位方式（position）有fixed，realitive,absolute,static。
二 1，常用的标签定位方式，各自有什么特点？
1,static 静态定位 元素的默认定位方式，进行流式布局；
2，realative 相对定位 当需要对元素在原有位置进行微调时使用；
特点：不会脱离文档流，参与原来的流式布局，可以在原有位置上进行微调（相对于本身位置移动）。
3，absolute 绝对定位 当需要通过一个标签坐标设置其位置时使用
特点: 脱离文档流，导致原来的位置不存在，标签会被浮起，可以通过left,top,right,bottom调整位置。
（绝对定位的标签，做位置调整参考物默认是一个非static静态定位的上级标签）。
4，fixed 固定定位 当想要一个标签不随着浏览器滚动而滚动是使用
特点:脱离文档流，导致原来的位置不存在，标签会被浮起，可以通过left,top,right bottom调整位置。
2，css样式选择器，以及优先级顺序？
CSS优先级如下：

!important > 内嵌样式 > ID > class | 伪类 | 属性选择 > 元素 > 继承 | 通配符。

※注意：!important一般情况下不推荐使用。

CSS权重：

4个等级的定义如下：

  第一等：代表内联样式，如: style=””，权值为1000。
  第二等：代表ID选择器，如：#content，权值为100。
  第三等：代表类，伪类和属性选择器，如.content，权值为10。
  第四等：代表类型选择器和伪元素选择器，如div p，权值为1。
  注意：通用选择器（*），子选择器（>）和相邻同胞选择器（+）并不在这四个等级中，所以他们的权值都为0。

3如何开启弹性布局？弹性布局中容器都有哪些css样式？项目有哪些css样式？
display: flex; 开启弹性布局。
容器的css样式：
flex-direction:（决定主轴的方向）取值
1（row）默认值；2（column）y轴从上往下；3（column-reverse）Y轴从下往上； 4（row-reverse）x轴从右往左；
justify-content：（设置项目在X轴的对齐方式）取值
1（flex-start）默认值，左对齐；2（flex-end）右对齐；3（center）居中；4（space-between）项目两端对齐，项目中间留白宽度相同；5（space-around）项目从左往右排列，两端留白是中间留白的1/2；
align-items：（设置项目在y轴的对齐方式）取值
1（flex-start）交叉轴的默认对齐方式；2（flex-end）交叉轴的结束为止布局；3（center）交叉轴方向居中显示；4（stretch）如果项目未设置高度，则拉伸为容器同等高度；5（baseline）设置项目基线对齐；