css-handbook icon indicating copy to clipboard operation
css-handbook copied to clipboard

CSS参考手册

Results 43 css-handbook issues
Sort by recently updated
recently updated
newest added

伸缩盒(新)属性 Flex-shrink 的示例代码, 解释文字不好理解. 原文: ![image](https://user-images.githubusercontent.com/31015664/47217871-74c2f600-d3dc-11e8-9bda-be3f2d173efc.png) 标记出来的位置让人不好理解, 看了计算过程, 脑袋一片浆糊. 我个人给出的修改意见如下: > ~通过收缩因子,所以加权综合可得200*1+200*1+200*3=1000px~ > ~通过收缩因子,a, b, c 移除的长度占溢出量的长度分别为: 1/5, 1/5, 3/5. > 于是我们可以计算a,b,c将被移除的溢出量是多少: > a被移除溢出量:(1/5)*200,即约等于40px > b被移除溢出量:(1/5)*200,即约等于40px > c被移除溢出量:(3/5)*200,即约等于120px > 最后a,b,c的实际宽度分别为:200-40=160px,...

@keyframes animations{ 0%{transform:translate(0,0);} 50%{ransform:translate(100px,100px);} 100%{transform:translate(100px,0);} } transform 少了个字母 t

grid-template-columns, grid-template-rows 都没有

参考这个说明页面http://www.w3schools.com/cssref/css3_pr_filter.asp

height 值为百分比时增加参考对象,因为最近在了解百分比的参考物,发现不同的属性值的% 参考对象不同,例如:padding-top 和padding-left 的值如果为百分比,参照物为包含块的width(默认书写模式,从左到右)

选择符里未添加分组选择器 h1, h2, h3, h4

缺少Grid布局内容

http://css.doyoe.com/properties/flex/flex-direction.htm 该属性通过定义flex容器的主轴方向来决定**felx**子项在flex容器中的位置。这将决定flex需要如何进行排列