什么是bfc

最新推荐文章于 2024-10-01 23:20:42 发布

misma123

最新推荐文章于 2024-10-01 23:20:42 发布

阅读量40

点赞数

文章标签： css 前端 html

本文链接：https://blog.csdn.net/misma123/article/details/129205249

版权

文章讲述了HTML文件通常命名为index.html，CSS文件用英文命名，公用样式如reset.css用于浏览器样式重置。public.css处理公共模块样式，图片命名应与模块相关并使用小写字母。主要格式包括gif、png、jpg。

摘要由CSDN通过智能技术生成

- HTML 文件、根据页面内容以英文命名，首页或只有一个页面通常命名为index.html

- css 文件以英文命名

- 公用样式通常命名为reset.css（常用的浏览器样式）

- public.css（多个页面时的公共模块的样式，或多次重复使用字体、字号、间距等样式）

- 首页通常命名为index.css, 其他页面依实际模块或功能需求命名

- 图片文件命名尽量与其模块样式名称保持关联，尽量使用小写命名

- （如登录框的背景与图片：login_bg.jpg、login_user_ico.gif 等）

- 常用图片格式 gif 、png 、jpg

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

misma123

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

什么是BFC

web2001chu的博客

08-25

1235

1，什么是BFC？ 1）BFC(Block formatting context)直译为“块级格式化上下文”。BFC它是一个独立的渲染区域，只有Block-level box（块元素）参与，它规定了内部的Block-level box如何布局，并且与这个区域外部毫不相关。 2）可以理解成：创建了 BFC的元素就是一个独立的盒子，里面的子元素不会在布局上影响外面的元素（里面怎么布局都不会影响外部），BFC仍属于文档中的普通流 3）不是所有的元素，模式都能产生BFC 。w3c规范：display属性为block

什么是BFC？

weixin_48181168的博客

09-07

3529

1.BFC到底是什么东西 BFC 全称：Block Formatting Context，名为 "块级格式化上下文"。 W3C官方解释为：BFC它决定了元素如何对其内容进行定位，以及与其它元素的关系和相互作用，当涉及到可视化布局时，Block Formatting Context提供了一个环境，HTML在这个环境中按照一定的规则进行布局。简单来说就是，BFC是一个完全独立的空间（布局环境），让空间里的子元素不会影响到外面的布局。那么怎么使用BFC呢，BFC可以看做是一个CSS元素属性 2.怎

参与评论您还未登录，请先登录后发表或查看评论

什么是BFC？看这一篇就够了

热门推荐

Leon的博客

03-23

27万+

BFC 定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与，它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。在解释什么是BFC之前，我们需要先知道Box、Formatting Context的概念。 Box：css布局的基本单位 Box 是 CSS 布局...

什么是BFC，他有什么用？

sqLeiQ的博客

06-13

3万+

BFC 是什么？

什么是BFC?

斜光的博客

03-23

376

BFC(块级格式化上下文)(Block formatting context) 直译为"块级格式化上下文"。是一个独立的渲染区域，让处于 BFC 内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响。 IE下为 Layout，可通过 zoom:1 触发 1 元素的显示模式元素的显示模式 display。分为块级元素行内元素行内块元素，其实，它还有很多其他显示模式。 ...

什么是BFC？BFC可以解决什么问题

06-16

9542

一、规范解释：块格式化上下文（Block Formatting Context，BFC）是Web页面的可视化CSS渲染的一部分，是布局过程中生成块级盒子的区域，也是浮动元素与其他元素的交互限定区域二、通俗理解：BFC 是一个独立的布局环境,可以理解为一个容器,在这个容器中按照一定规则进行物品摆放,并且不会影响其它环境中的物品三、BFC是一个css渲染特殊的一部分，需要一定的条件才能触发四、BFC可以解决的问题1、解决外边距塌陷的问题1）、父子元素的外边距塌陷问题我们在一个元素内部子元素，设置了一个margi

什么是 BFC

weixin_46258341的博客

07-20

元素首先按照普通流的位置显示，然后根据浮动的方向尽可能的向左或向右边便宜。BFC 属于普通流，是一个独立的区域，渲染规则和外部无关。1、讲 BFC 之前，先了解有哪些文档流。4、BFC 能解决什么问题。元素会整体脱离普通流。3、BFC产生的方法。

什么是BFC？它有什么作用？如何创建BFC？

官方推荐

08-11

5996

什么是BFC？它有什么作用？如何创建BFC？

什么是BFC？ CSS 使用伪元素清除浮动的方法

12-13

BFC概念：　块级格式化上下文，是一个独立的渲染区域，让处于 BFC 内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响。我们先了解一个名词：BFC（block formatting context），中文为“块级格式化上...

zuoxiaobai#zuo11.com#web前端BFC，什么是BFC1

07-25

字面意思很难理解，我们先来看几个例子",虽然做前端好几年了，但只是听说个这个名词，一直不清楚具体是什么意思，今天来研究下BFC相关示例BFC是 Block Fo

什么是BFC，哪些元素会产生BFC

c_l_a_n_n_d的博客

07-27

969

根据属于同一个BFC的两个相邻盒子垂直方向的margin会发生重叠的性质，可以给其中一个盒子再包裹一个盒子父元素，并触发其BFC功能（例如添加overflowhidden;每个元素的marginbox的左边，与包含块borderbox的左边相接触(对于从左往右的格式化，否则相反)。由于在计算BFC高度时，自然也会检测浮动的子盒子高度。所以当子盒子有高度但是浮动的时候，通过激发父盒子的BFC功能，会产生清除浮动的效果。BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。...

什么是BFC？它的触发条件有哪些？

越陌度阡

11-13

2734

1. 什么是BFC? Block Fromatting Context，即块级格式上下文。 W3C对BFC的定义如下：浮动元素和绝对定位元素，非块级盒子的块级容器（如 inline-blocks, tablecells, 和 table-captions），以及overflow值不为"visiable"的块级盒子，都会为他们的内容创建新的 BFC。 2. BFC的触发条件一个HTML元素要创建BFC，则满足下列的任意一个或多个条件即可： 1.根元素； 2.浮动元素。元素..

CSS画出三角形的做法

最新发布

mingangel的博客

10-01

116

在网页中，会有三角形的出现，我们脑海里会有很多想法，如何去实现他们，我来提供一种比较好玩的做法。

如何用JavaScript编写一个简单的计数器

Jiaberrr的博客

10-01

211

在网页开发中，计数器是一种常见的功能，它可以帮助我们记录点击次数、显示时间等。下面我将介绍如何在HTML页面中使用JavaScript实现一个基本的计数器。

【H2O2|全栈】关于CSS（7）CSS基础（六）

过期的H2O2的博客

09-26

1440

本系列博客将分享层叠样式表（CSS）有关的知识点。本期主要分享元素显示隐藏、透明度、溢出属性、滚动条、居中布局以及网页的部分结构的编写方法。不是专业的科普博主，主打一个分享知识，写的不好，多多包涵（嘿嘿）。

CSS 的pointer-events属性，控制元素如何响应用户指针事件

读心悦

09-25

724

CSS中的属性是一个用于控制元素如何响应用户指针事件（如鼠标点击、触摸等）的重要属性。这个属性可以应用于任何HTML元素，以决定元素是否能够捕获和响应用户的交互事件。以下是关于。

23 vue3之详解scoped&样式穿透&vuecss新特性

qq_37550440的博客

09-27

103

PostCSS会给一个组件中的所有dom添加了一个独一无二的动态属性data-v-xxxx，然后，给CSS选择器额外添加一个对应的属性选择器来选择该组件中dom，这种做法使得样式只作用于含有该属性的dom——组件内部dom, 从而达到了'样式模块化'的效果.vue中的scoped 通过在DOM结构以及css样式上加唯一不重复的标记:data-v-hash的方式，以保证唯一（而这个工作是由过PostCSS转译实现的），达到样式私有化模块化的目的。Vue 提供了样式穿透:deep() 他的作用就是用来改变。

React【vite使用模块化css】

qq_32019935的博客

09-27

534

一般编写组件样式的时候我们都需要做对样式的模块化，以防止组件样式间的样式污染。在vue中有hash限制选择器在react中有样式模块化。

css中的BFC是什么

06-06

BFC，即块级格式化上下文（Block Formatting Context），是 CSS 中的一个概念，用于控制块级元素的布局和浮动元素的交互行为。 BFC 是一个独立的渲染区域，具有一定的属性和行为，它内部的元素按照一定的规则进行布局。在 BFC 中，每个盒子的左外边缘（margin-left）会触碰到容器的左边缘（对于从右到左的格式化，右外边缘会触碰到右边缘），即使存在浮动也是如此。 BFC 的触发条件： - 根元素（html） - float 不为 none - position 为 absolute 或 fixed - display 为 inline-block、table-cell、table-caption、flex、inline-flex、grid、inline-grid 或 table-column 等 CSS3 属性 - overflow 不为 visible BFC 的主要作用: - 清除浮动：在 BFC 中，浮动元素会被包裹在一个矩形框中，不会影响到外部元素的布局，从而可以解决父元素高度塌陷的问题。 - 防止 margin 重叠：在 BFC 中，相邻元素的 margin 会被分开，不会发生重叠的现象。 - 控制元素的布局：在 BFC 中，元素的布局是相对独立的，不会受到外部元素的影响，从而可以控制元素的位置和尺寸。