m0_73486305-优快云博客

翻译 css3动画&2D|3D

keyframes 动画名称（英文） {/* 动画的开始 *//* 在25%的时候进行的一个动画 *//* 在50%的时候进行的一个动画 *//* 动画结束 */}from,to表示开始、结束状态，也可以使用0%,100%定义@keyframes 动画名称（英文） {/* 动画开始 *//* 动画结束 */}

2022-10-09 08:58:30 139

翻译一、弹性盒子

弹性盒子是CSS3的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间操作方便，布局简单，移动端使用广泛PC端浏览器支持情况较差IE11或更低版本中，不支持或部分支持在盒模型中较为灵活弹性盒模型的内容包括：弹性容器、弹性子元素——项目原理：为父元素设置flex属性，控制子元素的位置及排列方式应用场景 : 移动端。

2022-10-09 08:57:40 146

如果元素的四个边的位置是使用“top”、“right”、“bottom”和“left”来描述的，那么元素的“height”和“width”将隐式地由偏移量决定。注意：所有的元素都能使用以上的属性，元素脱离正常文档流之后，不再区分块级和行级元素，宽度没有设置时，由内容撑开，行内元素可以设置宽高，类似于行内块元素。表示“将元素放在文档布局流的默认位置，HTML 元素的默认值，即没有定位，遵循正常的文档流对象。没有定位父级时相对于html进行定位，有定位父级时相对于最近的定位父级进行定位。

2022-10-08 11:39:38 197