出处：https://www.jianshu.com/p/e75f351e11f8 表格比较： 名称 | 英文全称 | 含义 | | BFC | Block Formatting Contexts | 块级格式化上下文 IFC | Inline Formatting Contexts | 内联格式化
转载
2018-02-27 16:33:00
213阅读
2评论
BFC ：块级格式化上下⽂，容器⾥⾯的⼦元素不会在布局上影响到外⾯的元素，反之也是如此(按照这个理念来想，只要脱离⽂档流，肯定就能产⽣BFC )。产⽣ BFC ⽅式如下 float 的值不为 none 。 overflow 的值不为 visible 。 position 的值不为 relative ...
转载
2021-06-09 00:21:00
172阅读
2评论
什么是FC？ Formatting Context，格式化上下文，指页面中一个渲染区域，拥有一套渲染规则，它决定了其子元素如何，以及与其他元素的相互关系和作用。 BFC 什么是BFC Block Formatting Context，块级格式化上下文，一个独立的块级渲染区域，该区域拥有一套渲染规
转载
2018-11-05 20:09:00
201阅读
2评论
本文学习了css的布局，包括盒子内部的布局，盒子之间的布局，定位布局，浮动布局，块级格式化上下文，行内格式化上下文等。
原创
2022-01-18 09:21:51
125阅读
FC是Formatting Context的缩写，中文名：格式化上下文。是 W3C在CSS2.1 规范中的一个概念。
原创
2023-02-20 13:23:59
46阅读
接着聊一下BFC、IFC，与FFC、GFC，GFC是一种二维度的布局方式，现在也蛮火，但是因为兼容性问题比较大，现在用的不多。其实这些布局方式经常会遇到，主要是想了解一下相关的各种概念和术语。 想要理解BFC与IFC，首先要理解另外两个概念：Box 和 FC（即 formatting context
转载
2020-05-09 18:47:00
128阅读
2评论
/* * [Modified] Modern CSS Reset * @link https://github.com/hankchizljaw/modern-css-reset */ /* Box sizing rules */ *, *::before, *::after { box-sizin
转载
2020-06-03 14:55:00
697阅读
2评论
样式重置的目的是减少浏览器的不一致性，例如line-height,margin,标题的font-size大小等等。样式重置经常在CSS框架中出现。 这里的重置样式故意写的很一般，例如没有为body元素设置任何颜色或是背景之类，我并不建议您就拿这个重置样式应用在您自己的项目中，它应该被调整，修改，扩展
原创
2019-01-15 17:30:00
619阅读
css代码：/* v1.0 | 20080212 */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5,
转载
2013-08-12 14:13:00
410阅读
概述 如果突然有一天,当你页面的主题色发生变化时,有许多元素的颜色要一起变化,这是你会考虑怎么做呢?使用Less/Sass/S
原创
2023-02-01 09:56:07
329阅读
1.CSS简介CSS是指层叠样式表（Cascading Style Sheets）；在前面我们讲过HTML，比方说html是骨架的话，那么css就是肉体了；具体介绍请看百度百科；2.CSS简单引用比方说在一个html文件中，想要将多个段落的文件统一设置格式，那么就可以在head标签中添加相应的css样式；<!DOCTYPE html><html&...
原创
2021-07-19 09:31:45
468阅读
如何学习 1.css是什么 2.css怎么用（快速入门） 3.css选择器（重点+难点） 4.美化网页（文字，阴影，超链接，列表，渐变...) 5.盒子模型 6.浮动 7.定位 8.网页动画（特效效果） 1.1、什么是CSS Cascading Style Sheet 层叠级联样式表 CSS：表现（ ...
转载
2021-08-11 15:38:00
572阅读
2评论
背景CSS是一种声明式的语言，学好CSS的难度甚至大于学好一门服务器语言（我个人的感觉），这周在学习CSS，就记录一下学习经验。·
原创
2021-07-21 15:39:30
767阅读
性能主要表现：流量、功耗与流畅度在现有的前端动画体系中，通常有两种模式：JS动画与CSS3动画。 JS动画是通过JS动态改写样式实现动画能力的一种方案，在PC端兼容低端浏览器中不失为一种推荐方案。 而在移动端，我们选择性能更优浏览器原生实现方案：CSS3动画。然而，CSS3动画在移动多终端设备场景下，相比PC会面对更多的性能问题，主要体现在动画的卡顿与闪烁。
内部样式 <head> <!--内部样式- le.css" /> <!--导入 ...
转载
2021-08-05 16:10:00
335阅读
2评论
马上该转战互联网领域了，在此总结一下 CSS 学习的思路。理解 CSS 的基本语法。理解盒子模型。理解文档流和定位。理解浮动和清除。理解各种 CSS 样
原创
2021-07-21 15:07:45
464阅读
空格规范【强制】 选择器 与 { 之间必须包含空格。示例： .selector { }【强制】 属性名 与之后的：之间不允许包含空格，：与属性值之间必须包含空格。示例：font-size: 12px;选择器规范【强制】 当一个 rule 包含多个 selector 时，每个选择器声明必须独占一行。示例：/* good */.post,.page,.comment { line-height: 1.5;}/* bad */.post, .page, .comment
原创
2020-06-29 19:51:37
998阅读
1评论
