Css3记录

203 阅读2分钟

记录一下关于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.