学习记录（十一）

2020.7.20-2020.7.26

复习到的知识

• box-shadow 盒子阴影

  x-shadow 水平阴影的位置，允许负值
  y-shadow 垂直阴影的位置，允许负值
  blur 模糊距离
  spread 阴影的尺寸
  color 阴影的颜色
  inset 将外部阴影 (outset) 改为内部阴影

  注：盒子阴影的默认样色是黑色。

• text-shadow 文字的阴影

  x-shadow， y-shadow， blur ，color

  注：阴影的默认颜色是跟文字样色相同，通过逗号的方式进行分割，可以设置多阴影

• CSS3渐变

  线性渐变 ：linear-gradient是值，需要添加到background-image属性上

• CSS3背景

  background-size 背景图的尺寸大小
  cover : 覆盖
  contain : 包含
  background-origin : 背景图的填充位置
  padding-box (默认)
  border-box
  content-box
  background-clip : 背景图的裁切方式
  padding-box
  border-box (默认)
  content-box

• HTML5新的语义化标签

  header 页眉
  footer 页脚
  main 主体
  hgroup 标题组合
  nav 导航
  注：header、footer、main 在一个网页中只能出现一次。

• 分栏布局

  column-count分栏的个数
  column-width分栏的宽度
  column-gap分栏的间距
  column-rule分栏的边线
  column-span合并分栏

  注：column-width和column-count不要一起去设置。

遇到的问题

• 遇到html,body等没有高度，极可能是代码里的一些标签不完整。
• 对onclick还不是很会使用。