![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
Abner_木木
这个作者很懒,什么都没留下…
展开
-
CSS animation
<!DOCTYPE html> <html> <head> <style> div { width: 100px; height: 100px; background-color: green; animation-name: example; animation-duration: 10s; animation-iteration-count:4; } @keyframes example { from {backgro原创 2021-06-01 20:16:25 · 54 阅读 · 0 评论 -
CSS BFC
参考https://blog.csdn.net/sinat_36422236/article/details/88763187 补充:同一个bfc 父子元素也会发生margin-top重叠原创 2021-05-28 21:34:57 · 35 阅读 · 0 评论 -
CSS transform
transform属性 1 rotate rotate(45deg) :绕着元素中心旋转45度 以x-》y为正 rotateX :绕着x轴旋转 x轴穿过在元素中心 2 transform-origin transform-origin旋转中心 默认值为50%,50%,0(可选) 3 translate translate(50%,50%) 中的%50是自身大小的50% 而magin-left:50%和left:50%是父元素宽度的50% ...原创 2021-05-20 22:28:55 · 39 阅读 · 0 评论 -
CSS基础之选择器及优先级
属性选择器div[width=100px] 类选择器原创 2021-05-19 23:27:06 · 71 阅读 · 0 评论 -
flex易错点
flex易错点 flex九个属性 flex-wrap,align-items,justyfi-content,align-content,flex-direction,flex-flow align-self flex,order 1 关于align-items 默认值:stretch flex-start center flex-end 2关于 flex-grow,元素没有占满时生效。 flex-grow之和超过1 没有超过1是不同的算法 小于1时:每个div>div的width=原创 2021-05-13 21:54:46 · 49 阅读 · 0 评论