css知识漏洞

线性渐变 linear-gradient

background: linear-gradient(direction, color-stop1, color-stop2, ...);
  • to left
    设置渐变为从右到左<=>270deg
  • to right
    设置渐变从左到右左<=>90deg
  • to top
    设置渐变从下到上左<=>0deg
  • to bottom(默认值):
    设置渐变从上到下左<=>180deg

边框阴影 box-shadow

box-shadow: h-shadow v-shadow blur spread color inset;
  • h-shadow 必需的。水平阴影的位置。允许负值
  • v-shadow 必需的。垂直阴影的位置。允许负值
  • blur 可选。模糊距离
  • spread 可选。阴影的大小
  • color 可选。阴影的颜色。在CSS颜色值寻找颜色值的完整列表
  • inset 可选。从外层的阴影(开始时)改变阴影内侧阴影

字符间距 letter-spacing

letter-spacing: normal | <length> | <percentage>
  • normal
    默认间隔
  • length
    用长度值指定间隔。可以为负值
  • percentage
    用百分比指定间隔。可以为负值

换行 white-space

white-space:normal | pre | nowrap | pre-wrap | pre-line
  • normal 默认。空白会被浏览器忽略。
  • pre 空白会被浏览器保留。其行为方式类似 HTML 中的 pre标签。
  • nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 br 标签为止。
  • pre-wrap 保留空白符序列,但是正常地进行换行。
  • pre-line 合并空白符序列,但是保留换行符

  转载请注明: 星空守候的博客 css知识漏洞

 上一篇
ueditor多图上传至阿里云oss ueditor多图上传至阿里云oss
今天做百度编辑器UEditor多图上传至阿里云oss,打开的弹框中有三个功能:插入图片、本地上传和图片搜索,其中插入图片功能正常,剩余两个需要自行完善 本地上传 本地图片上传有两个坑,分别是获取token,以及成功上传后的显示 由于我
2018年10月11日
下一篇 
vue自定义组件使用v-model vue自定义组件使用v-model
<input v-model="something"> v-model指令其实是下面的语法糖包装而成: <input :value="something" @input="something=$event.target.
2018年10月09日
  目录