随笔分类 -  CSS

摘要:BFC(边距重叠解决方案) BFC: 块级格式化上下文BFC基本概念:BFC是CSS布局的一个概念,是一块独立的渲染区域,是一个环境,里面的元素不会影响到外部的元素 。父子元素和兄弟元素边距重叠,重叠原则取最大值。空元素的边距重叠是取margin与 padding 的最大值。 BFC原理(渲染规则| 阅读全文
posted @ 2022-03-08 22:01 宁凯 阅读(131) 评论(0) 推荐(0)
摘要:行内元素和块级元素什么区别,然后怎么相互转换 块级元素 1.总是从新的一行开始,即各个块级元素独占一行,默认垂直向下排列; 2.高度、宽度、margin及padding都是可控的,设置有效,有边距效果; 3.宽度没有设置时,默认为100%; 4.块级元素中可以包含块级元素和行内元素。 行内元素 1. 阅读全文
posted @ 2022-03-07 18:17 宁凯 阅读(427) 评论(0) 推荐(0)
摘要:css预处理工具 CSS 预处理器是一个能让你通过预处理器自己独有的语法来生成CSS的程序。 css预处理器种类繁多,三种主流css预处理器是Less、Sass(Scss)及Stylus;它们各自的背景如下: Sass: 2007年诞生,最早也是最成熟的CSS预处理器,拥有ruby社区的支持和com 阅读全文
posted @ 2022-03-05 01:52 宁凯 阅读(104) 评论(0) 推荐(0)
摘要:css继承相关 css的继承:就是给父级设置一些属性,子级继承了父级的该属性,这就是我们的css中的继承。 官方解释,继承是一种规则,它允许样式不仅应用于特定的html标签元素,而且应用于其后代元素。 无继承性的属性 1、display:规定元素应该生成的框的类型 2、文本属性: vertical- 阅读全文
posted @ 2022-03-03 22:55 宁凯 阅读(43) 评论(0) 推荐(0)