![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 84
natsu-cc
起床搬砖啦~
展开
-
CSS-浮动
前言:原创 2021-05-11 00:22:53 · 157 阅读 · 0 评论 -
CSS-div居中
前言:原创 2021-05-10 00:36:40 · 219 阅读 · 1 评论 -
CSS-层叠上下文
前言:原创 2021-05-08 00:25:16 · 920 阅读 · 0 评论 -
CSS-性能优化
前言:原创 2021-05-07 21:59:32 · 291 阅读 · 0 评论 -
CSS-模块化
前言:原创 2021-05-06 23:13:19 · 1384 阅读 · 1 评论 -
CSS-css3新特性
前言:原创 2021-05-04 12:53:45 · 241 阅读 · 0 评论 -
CSS-圣杯布局和双飞翼布局
前言:原创 2021-05-03 21:31:55 · 125 阅读 · 0 评论 -
CSS-样式权重和优先级
前言:原创 2021-04-29 00:22:30 · 2021 阅读 · 0 评论 -
CSS-flex
前言:Flexible Box 模型,通常被称为 flexbox,意为"弹性布局",是一种一维的布局模型。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。.box{ display: flex;}布局的传统解决方案,基于盒状模型,依赖display属性 +position属性 +float属性。类如垂直居中等场景就要比较复杂实现。基本概念:采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成为容器成员原创 2021-04-28 21:35:31 · 102 阅读 · 0 评论 -
CSS-position
前言:定位允许您从正常的文档流布局中取出元素,并使它们具有不同的行为,例如放在另一个元素的上面,或者始终保持在浏览器视窗内的同一位置。CSS的position属性用于指定一个元素在文档中的定位方式。top,right,bottom和 left属性则决定了该元素的最终位置。分别有五个属性:static,relativeabsolutefixedsticky静态定位(static):默认值, 也就是默认 position 不写的话就是 static 的属性值,它只是意味着“将元素放原创 2021-04-27 23:29:49 · 298 阅读 · 1 评论 -
CSS-BFC
前言:BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。常见定位方案:普通流 (normal flow)元素按照其在 HTML 中的先后位置至上而下布局,在这个过程中,行内元素水平排列,直到当行被占满然后换行,块级元素则会被渲染为完整的一个新行,除非另外指定,否则所有元素默认都是普通流定位,也可以说,普通流中原创 2021-04-26 00:25:13 · 66 阅读 · 0 评论 -
CSS-选择器
前言:选择器是 CSS 规则的一部分且位于 CSS 声明块前,规定了 CSS 规则会被应用到哪些元素上。选择器可以被分为以下类别:简单选择器(Simple selectors):通过元素类型、标签、class 或 id 匹配一个或多个元素。属性选择器(Attribute selectors):通过 属性 / 属性值 匹配一个或多个元素。伪类(Pseudo-classes):匹配处于确定状态的一个或多个元素,比如被鼠标指针悬停的元素,或当前被选中或未选中的复选框,或元素是 DOM 树中一父节点的原创 2021-04-25 23:39:31 · 188 阅读 · 0 评论 -
CSS-盒子模型
前言:当对一个文档进行布局(layout)的时候,浏览器的渲染引擎会根据标准之一的 CSS 基础框盒模型(CSS basic box model),将所有元素表示为一个个矩形的盒子(box)。CSS 决定这些盒子的大小、位置以及属性(例如颜色、背景、边框尺寸…)。盒模型的认识:基本概念:标准模型+IE模型。 包括margin,border,padding,content标准模型和IE模型的区别css如何设置获取这两种模型的宽和高js如何设置获取盒模型对应的宽和高根据盒模型解释边距重叠BF原创 2021-04-25 21:57:32 · 114 阅读 · 0 评论