bootstrap&NPM天猫商城代理镜像分分快三计划

作者:分分快三计划

$ npm install bootstrap@3


box-shadow

属性向框添加一个或多个阴影。
< box-shadow: h-shadow v-shadow blur spread color inset;

  • h-shadow必需。水平阴影的位置。允许负值。
  • v-shadow 必需。垂直阴影的位置。允许负值。
  • blur 可选。模糊距离。
  • spread 可选。阴影的尺寸。
  • color 可选。阴影的颜色。请参阅 CSS 颜色值。
  • inset 可选。将外部阴影 (outset) 改为内部阴影。

--->box-border:

box-shadow: 1.5px 2.598px 9px 0 rgba(0, 0, 0, 0.054);

在项目中看到别人这样定义标头的阴影,对第4个参数值很好奇,现在知道是spread,可以在w3chool中测试效果。(感觉效果就是将光晕放大)

语法
box-shadow: h-shadow v-shadow blur spread color inset;
注释:box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表,每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。

值 描述 测试
h-shadow 必需。水平阴影的位置。允许负值。 测试
v-shadow 必需。垂直阴影的位置。允许负值。 测试
blur 可选。模糊距离。 测试
spread 可选。阴影的尺寸。 测试
color 可选。阴影的颜色。请参阅 CSS 颜色值。 测试
inset 可选。将外部阴影 (outset) 改为内部阴影。 测试


Visual Studio Code的使用技巧快捷键

  • Ctrl / 如果没有注释,则注释,如果已经注释,则取消注释
  • Shift Alt A 注释选中的代码块
  • Shift Alt Up 向上复制一行
  • bootstrap&NPM天猫商城代理镜像分分快三计划。Shift Alt Down 向下复制一行
  • Ctrl U 回退上一个光标
  • Ctrl [bootstrap&NPM天猫商城代理镜像分分快三计划。 /] 代码缩进
  • Shift Alt F 代码格式化

设置NPM淘宝代理镜像

  • npm config set registry
  • npm info underscore

链接

仅仅通过改变一个变量,可以很容易地为链接赋予正确的颜色。

// Variables
@link-color:       @brand-primary;
@link-hover-color: darken(@link-color, 15%);

// Usage
a {
  color: @link-color;
  text-decoration: none;

  &:hover {
    color: @link-hover-color;
    text-decoration: underline;
  }
}

本文由分分快三计划发布,转载请注明来源

关键词: 分分快三计划 CSS