前几天想着练练透明度,结果从此踏上了各种不归路。
先简单的扯两句透明度吧:
background: rgba(255, 255, 255, 0.3);
这里的最后一个就是透明度啦,满值为1,表示不透明 0代表完全透明。
透明度问题轻松解决,然后试图将button和inputbox调整为同一大小的时候却遇到了问题,为了美观,我在inputbox内设置了padding,试图将文字向右靠一些,以起到美观的作用,结果padding却不算在width内,换言之,你可能需要计算来得出你要的宽度,但这明显违背了百分比定位的原则。
关于此,可以再这里看到:盒模型-学习CSS布局
之后师匠在我的苦求之下给我写了一个示例发给我:登陆页面
顺势读了一下发现了不少好货:box-sizing: border-box;,这一点就可以解决我们计算宽度的问题,在w3school和FF出的布局教程中均有记录。
border-box:
为元素设定的宽度和高度决定了元素的边框盒。
就是说,为元素指定的任何内边距和边框都将在已定的宽度和高度内进行绘制。
通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。
如果需要取消的话,使用unset即可(或者说content-box)。
然后说说关于transform,transform是CSS3,但就表现力而言,却不仅仅是定位,可以看到,他还能旋转,xyz三个方向都可以呢,可神奇了。
transform: translateY(-38.2%);这句话就是Y轴向上38.2%(相对自己),transform可??/p>
例子
茶杯头甜蜜终章dlc 官方手机版v1.0.0.3
下载火柴人传说暗影格斗内置菜单 最新版v3.0.1
下载荒野乱斗测试服 安卓版v61.10.3
下载荒野乱斗彩虹服 安卓版v61.10.3
下载寒霜启示录 安卓版v1.25.10
寒霜启示录是一款生存模拟游戏,不少玩家可能对于末日都有着自己
末日城堡免广告版 安卓最新版v0.7.1
末日城堡免广告版是一款非常好玩的模拟经营类游戏,内部可以不看
甜蜜人生模拟器 最新版v1.4.5
甜蜜人生模拟器是一款非常好玩的模拟恋爱手游,玩家在这里能够对
武器锻造师内置功能菜单 v10.4
武器锻造师内置菜单版是游戏的破解版本,在该版本中为玩家提供了
开放空间overfield 安卓版v1.0.5
开放空间Overfield是一款箱庭养成经营手游,让你在广阔