CSS & CSS3
文章平均质量分 92
CSS总结
Kedar
这个作者很懒,什么都没留下…
展开
-
块级格式化上下文
块级格式化上下文听说过多次,自己也去看了许多文章,但自己总是觉得晦涩,搞不清楚,后来又再去查了下很多文章,终于觉得自己理解一些了,希望自己描述出来能够准确和易懂。 Formatting context Formatting context 是页面的一个渲染区域,它有着自己的渲染规则,决定渲染区域里面的元素怎么定位,以及里面的元素之间的相互作用。而块级格式化上下文(Block fomatting c...原创 2020-01-09 20:31:26 · 621 阅读 · 0 评论 -
CSS3 transform
transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。以下介绍它的相关属性。 一. rotate 可以让元素在平面内旋转,主要是设定旋转中心点和旋转角度。 设置旋转角度。 选择器{ transform: rotate(30deg); } 数值正数顺时针旋转,负数逆时针旋转。单位为 °(度) 设置旋转中心点。 transform-o...原创 2019-11-25 08:50:11 · 240 阅读 · 1 评论 -
flex布局
一. flex 布局 也叫弹性布局,就是给父盒子添加 flex 属性,以来控制子盒子的位置和排列方式。特点: 布局比较简单,移动端使用比较广泛,对PC端浏览器支持不好。 当父盒子设置为 flex 布局之后,子元素的 float、clear、vertical-align 属性将会失效。 采用 flex 布局灵活性比较好。 二. 常见属性(父盒子) 1. flex-direction 主轴方向 f...原创 2019-11-24 19:21:31 · 100 阅读 · 0 评论 -
浮动 float
浮动 浮动(float)是css样式中的定位属性,用于设置标签的浮动布局。 1.浮动的作用 让盒子从普通流中脱离出来,可以用于让多个块级盒子一行显示。 可以实现盒子的左右对齐。 可以用来控制图片,实现文字环绕图片的效果。 2.浮动的语法 selector { float: property; } selector 是选择器, property 是属性,属性值有 : none 元素不浮动(...原创 2019-11-16 10:40:43 · 866 阅读 · 1 评论