一:今天学习内容 9:00—21:00 1. CSS盒子的阴影 · CSS中使用box-shadow属性 o 属性值: § h-shadow 必须值 水平阴影位置 § v-shadow 必须值 垂直阴影位置 § blur 可选 模糊距离 § spread 可选 阴影尺寸 § color 可选 阴影颜色 § inset 可选 将外部阴影改为内部阴影 默认值是outset 但是outset不能写在box-shadow中,否则阴影失效。 § 注意:盒子阴影不会占用空间, 不会影响其他盒子的排列 2. CSS的浮动 ① 为什么需要浮动? ② 属性 float ③ 属性值 ④ 注意点 在网页布局时,纵向找标准流,横向找浮动。 ⑤ 浮动的特性 · 浮动的元素会脱离标准流(脱标) · 浮动的元素一行内显示并且沿元素顶部对齐 · 浮动的元素会行内块元素的特定 · 浮动的盒子会压住后面的标准流盒子,但是不会压住文字(原因是:浮动的技术研发之初就是为了实现文字环绕的) · 浮动的盒子只会影响它后面的标准流,不会影响前面的标准流。 21:00—23:00 (1) 完成今天的作业 做今日学习知识点内容思维导图 |