随笔分类 - CSS
摘要：CSS知识点总结：https://blog.csdn.net/zy21131437/article/details/80603936
阅读全文
摘要：参考博客：https://blog.csdn.net/qq_34206361/article/details/53690414
阅读全文
摘要：参考博客：https://blog.csdn.net/weixin_33743661/article/details/88755435
阅读全文
摘要：之前看到的post中有这样的一个问题：垂直margin为什么会重叠？我可以说出solve，但是说不出why。 在stackoverflow上找到了一个很好的解释：margin的定义不是让元素移动xxpx，而是这个元素的旁边必须有xxxpx的的空白。 得到了这个解释之后，想一下“为首个子元素添加20p
阅读全文
摘要：总结： 结构： display:none: 会让元素完全从渲染树中消失，渲染的时候不占据任何空间, 不能点击， visibility: hidden:不会让元素从渲染树消失，渲染元素继续占据空间，只是内容不可见，不能点击 opacity: 0: 不会让元素从渲染树消失，渲染元素继续占据空间，只是内容
阅读全文
摘要：10 分钟理解 BFC 原理 一、常见定位方案 在讲 BFC 之前，我们先来了解一下常见的定位方案，定位方案是控制元素的布局，有三种常见方案: 普通流 (normal flow) 在普通流中，元素按照其在 HTML 中的先后位置至上而下布局，在这个过程中，行内元素水平排列，直到当行被占满然后换行，块
阅读全文
摘要：CSS预处理器 1. 基于CSS的另一种语言 2. 通过工具编译成CSS 3. 添加了很多CSS不具备的特性 4. 能提升CSS文件的组织方式 CSS预处理器的作用 1. 帮助更好的组织CSS代码 2. 提高代码复用率 3. 提升可维护性 CSS预处理种类 1. Less 文件后缀名：.less a
阅读全文
摘要：display与元素的隐藏 如果给一个元素设置了display: none，那么该元素以及它的所有后代元素都会隐藏，它是前端开发人员使用频率最高的一种隐藏方式。隐藏后的元素无法点击，无法使用屏幕阅读器等辅助设备访问，占据的空间消失。 效果图： visibility与元素的隐藏 给元素设置visibi
阅读全文
摘要：link和@import两种导入样式表的方法比较 link属于HTML标签，而@import是CSS提供的 页面被加载的时候，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载 @import只在IE5以上才能识别，而link是HTML标签，无兼容问题 link方式的样式的权
阅读全文
摘要：1、flex属性 1.1 flex属性是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto. flex-grow: 定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。 flex-shrink：定义了项目的缩小比例，默认为1，即如果空间不足
阅读全文
浙公网安备 33010602011771号