摘要：一丶盒模型的属性重要是标准文档流父子之间调整位置上下左右上下左右上左右下顺时针上右下左三要素线性的宽度线性的样式颜色实线小圆点一丶盒模型的属性(重要) 1.padding padding是标准文档流,父子之间调整位置 DOCTYPE html> padding *{ ...
摘要：变形变形移动移动可以指定像素值也可以指定百分比，注意指定百分比是自身大小的百分比，因此可以用于设置盒子定位时的居中对齐在设置后再移动自身的即可。方向上的移动在现实生活中是距离变远，距离变近。1、过渡 transition 过渡属性用法： transition :ransition-property transition-duration transition-timing-functi...
摘要：有一天看到旋转这个属性突发奇想的写了一个钟表没做浏览器兼容来一起看看是怎么写的吧先给个成品图最终结果是个样子的动态的首先思考了一下页面的布局大致需要层最底层是一个表盘的背景图然后其余层分别是时针分针秒针的图层代码如下变量名是随便起的不要有一天看到css3旋转这个属性,突发奇想的写了一个钟表(没做浏览器兼容),来一起看看是怎么写的吧! 先给个成品图,最终结果是个样子的(动态的). ...
摘要：英语为了防止用户电脑里面，没有微软雅黑这个字体。因为绝对定位脱离标准流，影响页面的布局。一丶浮动的补充 浮动的特性: 1. 浮动的元素脱标 2.浮动的元素互相贴靠 3.浮动的元素有字围效果 4.浮动的元素有收缩的效果 前提是标准文档流,margin的垂直方向会出现塌陷问题 如果盒子居中:margin: 0 auto;如果盒子浮动了,marg...
摘要：相关的各个属性如下在父盒子定义，子盒子才能使用属性设置子盒子的缩放比例，可以一起指定也可以单独指定。子盒子在父盒子中的水平对齐方式。强行在一行显示，因此每个盒子的大小都会减少。CSS flex 是一种伸缩布局，之前块级元素布局在同一行，可以通过display或position或float来实现，而本篇介绍一个新的方法——flex（弹性布局）。 flex 为和模型布局提供了极大地灵活性，所谓弹...
