什么是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位移translate3d 3D移动在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……