FCC笔记

1.hsl为hue, saturation, lightness的缩写

2.在 CSS 网格中，父元素称为容器（container），它的子元素称为项（items）

3.line-height设置数字，此数字会与当前的字体尺寸相乘来设置行间距

4.aria-hidden="true" 使得带有这个属性的控件对浏览器实现语义化隐藏，也就是帮助残障人士更好的理解，以免混淆。

5.默认状态，<iframe>内部的元素是无法开启全屏状态。通过为<iframe>设置allowfullscreen 属性可以设置它内部元素允许开启全屏状态。

<iframe allowfullscreen src="iframe.html"></iframe>

6.frameborder 属性规定是否显示 iframe 周围的边框。

属性值	描述
1	有边框（默认值）
0	关闭边框

7.word-wrap 属性允许长单词或 URL 地址换行到下一行

属性值	描述
normal	只在允许的断字点换行（浏览器保持默认处理）
break-word	在长单词或UURL地址内部进行换行

8.calc()函数：允许在声明 CSS 属性值时执行一些计算。它可以用在如下场合：<length>、<frequency>、<angle>、<time>、<percentage>、<number>或<interger>。运算符前后都需要保留一个空格，例如：width:calc(100% - 10px);

9.HTML中有用的字符实体

 

10.object-fit属性指定元素的内容应该如何去适应指定容器的高度与宽度。一般用于 img 和 video 标签，一般可以对这些原素进行保留原始比例的剪切、缩放或者直接进行拉伸等。

属性值	描述
fill	被替换的内容正好填充元素的内容框。整个对象将完全填充此框。如果对象的宽高比与内容框不相匹配，那么该对象将被拉伸以适应内容框。
contain	被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时保留其长宽比，因此如果宽高比与框的宽高比不匹配，该对象将被添加"黑边“。
cover	被替换的内容在保持其宽高比的同时填充元素的整个内容框。如果对象的宽高比与内容框不相匹配，该对象将被剪裁以适应内容框。
none	被替换的内容将保持其原有的尺寸。
scale-down	内容的尺寸与 none 或 contain 中的一个相同，取决于它们两个之间谁得到的对象尺寸会更小一些。
initial	设置为默认值，
inherit	从该元素的父元素继承属性。

11.<caption>标签定义表格的标题。<caption>标签必须直接放置到<table> 标签之后。您只能对每个表格定义一个标题。提示：通常这个标题会被居中于表格之上。然而，CSS 属性 "text-align" 和 "caption-side" 能用来设置标题的对齐方式和显示位置。