一、什么是BFC BFC(block formatting context):简单来说,BFC 就是一种属性,这种属性会影响着元素的定位以及与其兄弟元素之间的相互作用。 中文常译为块级格式化上下文。是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和 ...
分类:
其他好文 时间:
2020-03-20 22:28:52
阅读次数:
56
如何实现下面这个渐变的边框效果: 这个问题本身不难,实现的方法也有一些,主要是有一些细节需要注意。 border-image border-image 是 CSS 规范 CSS Backgrounds and Borders Module Level 3 (最新一版的关于 background 和 ...
分类:
其他好文 时间:
2020-02-20 11:40:47
阅读次数:
78
如何实现下面这个渐变的边框效果: 这个问题本身不难,实现的方法也有一些,主要是有一些细节需要注意。 border-image border-image 是 CSS 规范 CSS Backgrounds and Borders Module Level 3 (最新一版的关于 background 和 ...
分类:
其他好文 时间:
2020-02-17 16:07:51
阅读次数:
66
浏览器的主要功能就是向服务器发出请求,在浏览器窗口中展示您选择的网络资源。这里所说的资源一般是指 HTML 文档,也可以是 PDF、图片或其他的类型。资源的位置由用户使用 URI(统一资源标示符)指定。浏览器解释并显示 HTML 文件的方式是在 HTML 和 CSS 规范中指的。这些规范由网络标准化 ...
分类:
其他好文 时间:
2020-02-01 16:29:48
阅读次数:
89
什么是Bootstrap? Bootstrap是Twitter推出的一个开源的用于web前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less ...
分类:
Web程序 时间:
2019-10-29 23:44:28
阅读次数:
135
HTML使用标签将内容放到网页上,也可使用元素和属性来控制简单的文档外观。如果希望更全面地控制Web页面的外观和布局,则需要使用层叠样式表(简写为CSS)。CSS规范的工作原理在于允许用户制定一些规则,描述文档中元素内容的表现形式,通过设置不同的规则控制页面中每一个元素的外观,包括字体的颜色和大小、 ...
分类:
Web程序 时间:
2019-10-24 11:38:10
阅读次数:
118
限制在一个块元素显示的文本的行数。 -webkit-line-clamp 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。 为了实现该效果,它需要组合其他外来的WebKit属性。常见结合属性: display: -webkit-box ...
分类:
其他好文 时间:
2019-07-07 19:02:33
阅读次数:
155
定位和布局 1·1、视觉格式化模型 视觉格式化模型(visual formatting model):CSS的一种机制,它规定了页面中的多个盒子 如何布局 视觉格式化模型是一套非常复杂的机制,包含错综复杂的CSS规范 1·2、视口 视口( viewport ):可视窗口,通常指浏览器的可视区域 视口 ...
分类:
其他好文 时间:
2019-06-10 09:28:49
阅读次数:
121
Block Formatting Context,中文直译为块级格式上下文。 1. BFC的定义 是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。 在创建了 Block Formatting Context 的元素中,其子元素会一个接一 ...
分类:
其他好文 时间:
2019-04-30 16:50:48
阅读次数:
124
1、Bootstrap Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态 ...
分类:
编程语言 时间:
2019-04-22 22:42:34
阅读次数:
296