菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: CSS_侯程成_20230209 [打印本页]

作者: HOU 时间: 2023-2-10 00:10
标题: CSS_侯程成_20230209

一：今天学习内容

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) 完成今天的作业

做今日学习知识点内容思维导图

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)