day3-牛客网HTML/CSS知识点总结

第一题：

css属性overflow属性定义溢出元素内容区的内容会如何处理。

• scroll：必会出现滚动条
• auto：子元素内容大于父元素时出现滚动条
• visible：溢出的内容出现在父元素之外
• hidden：溢出隐藏

第二题：

当margin-top、padding-top的值是百分比时，分别是如何计算的？

• 都是：相对最近父元素块级元素的width

第三题：

CSS3新增属性用法整理：

新增用法
1、box-shadow（阴影效果）
2、border-color（为边框设置多种颜色）
3、border-image（图片边框）
4、text-shadow（文本阴影）
5、text-overflow（文本截断）
6、word-wrap（自动换行）
7、border-radius（圆角边框）
8、opacity（透明度）
9、box-sizing（控制盒模型的组成模式）
10、resize（元素缩放）
11、outline（外边框）
12、background-size（指定背景图片尺寸）
13、background-origin（指定背景图片从哪里开始显示）
14、background-clip（指定背景图片从什么位置开始裁剪）
15、background（为一个元素指定多个背景）
16、hsl（通过色调、饱和度、亮度来指定颜色颜色值）
17、hsla（在hsl的基础上增加透明度设置）
18、rgba（基于rgb设置颜色，a设置透明度）

第四题：

哪些可以给文字加上背景？

主要蓝（bg-primary）
成功绿（bg-success）
信息蓝（bg-info）
警告黄（bg-warning）
危险红（bg-danger）