• 有问题请联系QQ:2374146085
  • 有问题请联系QQ:2374146085
什么是BFC(我也不知道(@_@;)

什么是BFC(我也不知道(@_@;)

可以这样对BFC的理解:BFC是一个管教非常严的家长,它不允许它的孩子跑外面去,也不允许别人跑自己家里。所有业务都可以不用BFC,用其他办法依然可以解决网页业务。CSS规范中对 BFC 的描述BFC:块格式化上下文浮动,绝对定位元素,非块盒的块容器(例如,inline-blocks,table-cells和table-captions)和&#……

css小技巧(更新中)

css小技巧(更新中)

表头对齐如果div中只有一个内联元素,那么div的高度就是这个内联元素所在行的行高。如果有一个单词(字)很长很长,超出盒子,但是又不想让他自动换行,就可以直接使用下面的代码,让该字恢复正常,即和正常文档流一样,该什么时候换行就什么时候换行:word-break:break-all 多行自动切断并换行<!DOCTYPE html>……

移动端(基础)

移动端(基础)

meta视口<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale1.0,maximum-scale=1.0,minimum-scale=1.0">1.0就是不缩放背景缩放 /* 背景缩放*/ ……

3D转换(内附浏览器私有前缀)

3D转换(内附浏览器私有前缀)

三维坐标系其实就是指立体空间,立体空间是由3个轴共同组成的。x轴:水平向右 注意: x 右边是正值,左边是负值y轴:垂直向下 注意: y 下面是正值,上面是负值z轴:垂直屏幕 注意: 往外面是正值,往里面是负值3D位移translate3d3D移动在2D移动的基础上多加了一个可以移动的方向,就是z轴方向translform:transla……

动画

动画

动画常见属性属性描述@keyframes规定动画。animation所有动画属性的简写属性,除了animation-play-state属性。animation-name规定@keyframes动画的名称。(必须的)animation-duration规定动画完成一个周期所花费的秒或毫秒,默认是0。(必须的)……

2D转换

2D转换

2D转换-移动translate可以改变元素在页面中的位置,类似定位。transform:translate(x,y);特点:不会影响其他元素的位置可以使用百分号,且translate中的百分比单位是相对于自身元素的translate(50%,50%);对行内元素没有效果经常与过渡一起使用 实现居中<!DOCTYPE html&g……