Day12 CSS盒子属性

盒子模型：

box-sizing: content-box; 调整 padding 时会向外扩展,不太适合用来布局(默认)

box-sizing: border-box; 调整 padding 时会向内扩展,不改变整个盒子的大小,比较适合用来布局(内容空间会被压缩)

以上两者在调整 margin 时都会向外扩展.

 

盒子阴影设置：

box-shadow: 水平阴影 垂直阴影 模糊距离 阴影尺寸 阴影颜色 内/外阴影;

和文字的 shadow 是很像的.

 

鼠标变化：

cursor 属性: 一般是放在带 hover 的伪类选择器中

cursor: pointer; 此时鼠标移到有属性的物体上时会出现点击小手的情况

cursor: url(./images/123.jpg),auto; 此时小手移到物体上时鼠标会变成准备好的一张图片.