标签、属性的概念与用法
一、文意
本文记录了我在学习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)之继承