HTML、CSS中遇到的一些标签和属性的概念与用法

一、文意

    本文记录了我在学习HTML、CSS中遇到的一些标签和属性的概念与用法，因为还不太理解，所以自己没有去胡乱概括总结，引用了其他大佬的总结（附有大佬们的原文解释地址），主要是为了便于以后复习和查找，所以记录了下来。

二、正文

  1.box-sizing:border-box;

     告诉浏览器去理解你设置的边框和内边距的值是包含在width内的。
     转载于：CSS3属性box-sizing:border-box 用法解析及经常使用的场景

  2.section标签

     有意义的分块,和div差别不大，但div是无意义的分块。
     转载于： Html5中的＜section＞标签的介绍

  3.overflow:hidden;

     当元素内的内容溢出的时候使它隐藏溢出的部分，即超出部分隐藏。
     转载于：css中：overflow：hidden的作用

  4.vh、vw单位

     vw——viewpoint width，视窗宽度，1vw等于视窗宽度的1%；vh——viewpoint height，视窗高度，1vh等于视窗高度的1%。
     转载于：CSS中vw和vh单位的使用

  5.perspective:

   perspective就是用来确定元素透视灭点位置的
     转载于：css3 perspective 属性

 6.transform-style: preserve-3d;

   如果对一个元素设置了transform-style的值为preserve-3d，它表示不执行平展操作，他的所有子元素位于3D空间中。
     转载于：关于transform-style:preserve-3d的一些理解

 7.overflow：auto;

   overflow：auto；如果内容被修剪，则浏览器会显示滚动条，以便查看其余内容。
     转载于：overflow：auto的用法

   overflow-x:auto;overflow-y:auto;X轴和Y轴自适应；
     转载于：overflow-y:auto

 8.display:flex;

   display:flex 意思是弹性布局
     转载于：display:flex用法

 9.flex-direction;

   取值：row：主轴与行内轴方向作为默认的书写模式。即横向从左到右排列（左对齐）。row-reverse：对齐方式与row相反。column：主轴与块轴方向作为默认的书写模式。即纵向从上往下排列（顶对齐）。column-reverse：对齐方式与column相反。
     转载于：flex-direction用法解释

 10.align-items

   align-items主要是垂直方向的对齐方式
     转载于：CSS基本使用(一)–align-items属性

 11.justify-content

   内容对齐（justify-content）属性应用在弹性容器上，把弹性项沿着弹性容器的主轴线（main axis）对齐。
     转载于：CSS3弹性布局内容对齐（justify-content）属性使用详解

三、文末

    现在暂时记录这么些，以后遇到了不懂得属性和标签还会继续增加进来，希望能够给自己的学习带来帮助。这些都来源于其他大佬的总结，在此万分感谢大佬们的分享。

 小小推荐

  前端小案例系列：
    前端小案例：登录页面

  MySQL知识集合系列：
   MySQL知识集合之基础查询

  浅谈渣娃（Java）系列：
    浅谈渣娃（Java）之继承