![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
ducaifeng86
这个作者很懒,什么都没留下…
展开
-
CSS动画属性
引言 动画是使元素从一种样式逐渐变化为另一种样式的效果。CSS3 中有三个关于动画的样式属性transform、transition和animation。 一、transform transform:设置元素的形状改变。常用属性有translate、rotate、scale 语法:transform: none|transform-functions; 常用的2D属性值说明: 属性值 ...原创 2019-11-15 14:06:53 · 228 阅读 · 0 评论 -
CSS里的BFC
一、什么是BFC BFC(Block Formatting Context)块级格式化上下文,指一个独立渲染区域,该区域拥有一套渲染规则来约束块级盒子的布局,且与区域外部无关。 二、BFC的特征 1、BFC区域的元素不会影响外面的元素 2、BFC区域不会与float元素发生重叠 3、计算BFC高度时,浮动元素能够撑开BFC的高度 三、如何创建BFC 1、设置overflow属性:hi...原创 2019-11-14 11:26:22 · 106 阅读 · 0 评论 -
CSS布局——flex
一、什么是Flex布局? Flex又称为“弹性布局”,用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex 布局。采用Flex布局的元素,称为Flex容器(flex container),它的所有子元素称为flex项目(flex item)。设为flex布局以后,子元素的float、clear和vertical-align属性将失效。 二、容器的属性 1、flex-direct...原创 2019-11-13 16:28:15 · 162 阅读 · 0 评论 -
CSS基本布局----定位
前言 CSS有三种基本的布局机制:标准流、浮动和定位。定位就是确定元素的位置,利用top/right/bottom/left这四个偏移属性,可以准确地定义元素框相对于其正常位置应该出现的位置。top的优先级要高于bottom,left的优先级要高于right 一、相对定位:relative 相对定位:相对于元素原有位置的定位。相对定位并没有脱离文档流,因此对于它的位置设定不会影响其它兄弟元素...原创 2019-11-12 17:30:33 · 267 阅读 · 0 评论 -
CSS布局——float
引言 float即浮动。实质上就是为了让块级元素能够在一行显示。设置了float属性的元素会脱离标准文档流。那什么是标准文档流?标准文档流就是指元素默认的方式显示,从上到下,从左到右排版。比如,块级元素占据一行显示,行内元素在一行显示。 一、float的属性值 1、左浮动:float:left;以左边为基准,盒子并排紧贴显示在一起。 2、右浮动:float:ri...原创 2019-11-11 17:34:59 · 233 阅读 · 0 评论