记录一下关于Css3的相关东知识。
1. Css3自适应
* fill-available
此值表示撑满可用空间,类似于flex=1,宽高都可以使用,只对块元素起作用。
* fit-content
此值表示宽度缩小到内容宽度,可以取消块元素对父元素的继承。
* max-content
此元素表示内部宽度最大的那个元素作为最终容器宽度,如果里面是很长很长的文字的话,那就不会换行。
* min-content
此元素表示内部宽度最小的那个元素作为最终容器宽度。
2. Css颜色变量
Css3有一个颜色变量currentColor,表示当前的标签所继承的文字颜色,意思就是你的父类元素是什么颜色,你就是什么颜色,可以用在任何填写颜色的地方。
3. transform
这个值一直都有用,但是一直也没彻底弄明白,上次面试官问道,才知道它的很多东西。这里也来整理一下。它有以下几个属性:
旋转-rotate(rotatex,rotatey)
倾斜-skew
缩放-scale
移动-translate
emmmmmmm,突然发现把几个属性整理出来就明白多了....
4. vertical-align
属性设置元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。
基本就是单独使用在table中会有效果,但是其他的没有什么效果,最好给它定义一个基线,比如定义另一个框框。
Time is fair, because it gives everyone 24 hours.