CSS
My_Bells
Not all heroes wear capes
展开
-
CSS3动画animation和@keyframes
1. animation CSS animation 属性是 animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode , animation-play-stat...原创 2020-03-12 17:36:17 · 323 阅读 · 0 评论 -
Css Flex(弹性布局)与Grid(网格布局)属性整理
Flex(弹性布局) 属性目录 容器(Flex Container) 属性 /*项目的排列方向*/ flex-direction /* row | row-reverse | column | column-reverse */ /*一条轴线排不下,如何换行*/ flex-wrap /* nowrap | wrap | wrap-reverse */ /*flex-flow属性是flex-dire...原创 2020-02-26 16:37:54 · 1214 阅读 · 0 评论 -
css3样式效果
css3样式效果 werwe rwerwer List item 1.渐进颜色变化 <style> /* 渐进色 */ #linear{ height:50px; width:200px; background-image: linear-gradient(to right, rgba(255,0,0,1), rgba...原创 2019-10-29 22:38:57 · 274 阅读 · 0 评论 -
css垂直水平居中方法
水平居中:1. 块级元素中的行内元素水平居中:给块级元素设置:text-align:center; 2. 块级元素1中的块级元素2水平居中:(1)给块级元素2设置:margin:0 auto; (2)给块级元素2设置:display:inline-block;给块级元素1中设置:text-align:center; 垂直居中:1. 块级元素中的行内元素垂直居中(父元素高度确定):(1)给原创 2017-08-25 15:20:45 · 229 阅读 · 0 评论 -
BFC(Block Formatting Context)块级格式化上下文
BFC 定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。 BFC布局规则: 内部的Box会在垂直方向,一个接一个地放置。 Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin...转载 2019-08-05 09:39:45 · 139 阅读 · 0 评论