随笔分类 - CSS
摘要：scss scss在css基础语法上面增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，使用scss可以很方便的提高开发效率 scss语法以.scss文件后缀结尾，其中语法格式有两种sass,scss,
阅读全文
摘要：1. 标准盒模型 在标准模型中，如果你给盒设置 width 和 height，实际设置的是 content， padding 和 border 再加上设置的宽高一起决定整个盒子的大小 <style> .box { width: 350px; height: 150px; margin: 25px;
阅读全文
摘要：1. id选择器 <style> #container { width: 100px; } </style> <body> <div id="container"></div> </body> 2. class选择器 | 类选择器 <style> .container { width: 100px;
阅读全文
摘要：1. 什么是网格布局 网格是一组相交的水平线和垂直线，它定义了网格的列和行。我们可以将网格元素放置在与这些行和列相关的位置上。CSS 网格布局具有以下特点： 固定的位置和弹性的轨道的大小 元素位置 创建额外的轨道来包含元素 对齐控制 控制重叠内容 2. 创建一个网格布局 <style> .wrapp
阅读全文