axzzy的博客

vertical-align

多年来，CSS已经超越了背景颜色、边框、文本样式、边距和盒模型。现代CSS能够提供一系列的功能，而在过去，您需要JavaScript或变通方法来实现这些功能。为了庆祝它在2021年取得的成就，在这篇文章中，我们想看看一些你可能不知道的令人惊叹的CSS新特性。我们将强调web设计人员和开发人员可以用现代CSS做的很酷的事情，讨论用例，浏览器支持，并给你一个快速的例子。CSS的新功能：现代CSS可以做什么这是CSS如今具备的一些令人惊奇的功能自定义属性/变量自定义属性基本上允许你在一个集中的地方定

boreder-radius

首先明确一点是， flex 是 flex-grow、flex-shrink、flex-basis的缩写。故其取值可以考虑以下情况：flex 的默认值是以上三个属性值的组合。假设以上三个属性同样取默认值，则 flex 的默认值是 0 1 auto。同理，如下是等同的：.item {flex: 2333 3222 234px;} .item { flex-grow: 2333; flex-shrink: 3222; flex-basis: 234px; } 当 flex 取值为 none，则计算值为 0

1、容器和网格系统容器container 固定宽度，不同尺寸固定了不同的宽度container-fluid 100%宽度栅格系统cal-xs//<768pxcal-sm //>=768pxcal-md //>=992pxcal-lg //>=1200px2、字体颜色及背景颜色字体text-muted 柔和text-primary 重要text-success 成功text-info 提示text-warning 警告text-danger 危险tex

rem是什么？rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of the element）是指相对于父元素的字体大小的单位。它们之间其实很相似，只不过一个计算的规则是依赖根元素一个是依赖父元素计算。兼容性：目前，IE9+，Firefox、Chrome、Safari、Opera 的主流版本都支持了rem。就算对不支持的浏览器，应对方法也很简单，就是多写一个绝对

::-webkit-scrollbar — 整个滚动条.::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头).::-webkit-scrollbar-thumb — 滚动条上的滚动滑块.::-webkit-scrollbar-track — 滚动条轨道.::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分.::-webkit-scrollbar-corner — 当同时有垂直滚动条和水平滚动条时交汇的部分.::-webki

!css 常见 white-space:nowrap; //空白不换行 只有br才能换行 （一段文字不会换行） p 标签的 align属性 "left" 让p标签的每行元素都左对齐 <aside class="left"> 使用定位的形式，让其固定在某个地方 定义侧边栏、广告 word-break...

!scss 的几个常用 --><!-- 插值：#{KaTeX parse error: Expected 'EOF', got '}' at position 5: name}̲ 父级选择器：& …继承：@extend判断：@if (我觉得在@mixin中更能体现它的强大，因为可以结合变量使用)混合指令：1 属性声明 （其实可以用 @extend ...