Great success starts with a ordinary beginnings.
概要：对 CSS 的内容进行了基础面的补充，同时开始观看Full-Stack Social Media App Tutorial了解 React && Next.JS。参与本次共学的目的主要也是围绕这两个方面进行的：更全面地对 CSS 的常用属性有一个了解、额外掌握 Tailwind CSS、了解并使用 React 与 Next.JS 框架，至于产品设计的部分，时间有限，暂时不考虑做过多涉及。
每一个元素根据标签的不同都有默认的display值，最为常见的有这些：
-
block块级元素：开启新的一行、撑满整个容器div、p、form、header、footer、section
-
inline行内元素：在段落中包裹一段内容，不影响段落排版span、a
-
inline-block/flex：单独介绍 -
none用于显示或隐藏元素和
visibility:hidden不同的是display不会占据空间，而前者会。
默认的display是可以被重写的，例如可以重写li为inline用于制作水平菜单。
width 可以限定元素的宽度，避免长段文字占据整个屏幕，用户需要不断将眼睛焦点从左到右移动，配合 margin 的auto可以将元素居中展示。
#main {
width: 600px;
margin: 0 auto;
}但美中不足的是在浏览器本身宽度小于 width 时会展示滚动条。这时可以将width替换为max-width，实现在有空间时尽可能变宽，空间不足时则主动收缩。
元素的 border 与 padding 会撑开 box，也就是说实际上元素的实际宽度或高度是 width/height+padding+border。
通过设置box-sizing: border-box，可以启用代替盒模型，盒子实际宽高即设置宽高，不会再向外扩展。
padding 和 margin 接收 1~4 个参数，分别对应不同情况：
padding 创建元素内部的额外空间，margin 创建元素外部的额外空间。
/* 应用于所有边 */
padding: 1em;
/* 上边下边 | 左边右边 */
padding: 5% 10%;
/* 上边 | 左边右边 | 下边 */
padding: 1em 2em 2em;
/* 上边 | 右边 | 下边 | 左边 */
padding: 5px 1em 0 2em;position 的默认值是static。设置为static的元素不会被positioned，即特殊地定位，设置为其他值（relative、fixed、absolute）则反之。
relative（相对的）
relative 单独使用与 static 一致，没有额外的效果。当配合 top、right、bottom、left 使用时，可以将元素从原有位置向设置的方向偏移，需要注意的是偏移后空出的部分仍然会被占用，不会被其他元素使用。
fixed（固定的）
用于固定在页面的指定位置，需要配合 top、right、bottom、left 使用。如停留在右下角可将 right 与 bottom 设置为 0。元素的右侧及下方与页面的边距即为 0。fixed 元素不占用页面空间。
absolute（绝对的）
与 fixed 类似，元素会被移出正常文档流，但定位的对象不是页面整体而是最近的positioned祖先（设置为非static的元素），若无祖先则相对页面。
对于英文长单词（没有空格连续字母），如果没有主动设置换行规则，即使父元素设置宽度，英文单词也会直接溢出父容器。而中文由于可以被任意分割，不会出现类似的情况。
在这种情况下，需要对容器主动配置换行规则：
overflow-wrap
-
normal：默认行为，长单词不换行，可能会溢出容器。 -
break-word：强制长单词在容器的边界处换行，避免溢出。
overflow-wrap是word-wrap的新标准名称，后者在 CSS3 中被重新命名为overflow-wrap，但为了兼容性，旧属性word-wrap仍然有效。
float 用于实现文字环绕图片，将需要被环绕的元素放置在环绕元素前即可。
img {
float: right;
margin: 0 0 1em 1em;
}em 相对于本元素的字体大小。用于 font-size 时相对于父元素的字体大小。rem 相对于根元素的字体大小。
vh 和 vw 分别相对于视口的高度和宽度。
举个例子，父元素的字体大小设置为16px，将子元素的font-size设置为1em可以使得父子元素字体大小相等。
同样 em 也可以用于width等属性。
https://learn.shayhowe.com/html-css/
回来上班了。旅游之余还能调个小程序样式，也是没谁了。
依旧是关于 Uniapp 的，Uniapp 的 ScrollX 要求white-space属性强制为normal以强制不换行。在调试因其它样式的原因导致高度不以实际为准。一顿操作猛如虎，打了一些补丁解决这个问题。
事实就是，基础不牢，地动山摇。配合这段时间了解的 CSS 基础知识，在调试时越发得心应手。
给我牛坏了。
爱好是爱好，工作是工作。
后端给的文档里 KV 类别字段在示例中传 V，心生疑惑但仍以示例为准，一顿操作猛如虎完成新增，结果查询接口异常，询问之，答曰有些示例瞎写的……