CSS
My_Bells
Not all heroes wear capes
展开
-
CSS3动画animation和@keyframes
1. animationCSS 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 · 335 阅读 · 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 · 1227 阅读 · 0 评论 -
css3样式效果
css3样式效果 werwe rwerwer List item1.渐进颜色变化 <style> /* 渐进色 */ #linear{ height:50px; width:200px; background-image: linear-gradient(to right, rgba(255,0,0,1), rgba...原创 2019-10-29 22:38:57 · 291 阅读 · 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 · 234 阅读 · 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 · 148 阅读 · 0 评论