牛客刷题-css-1

1.

外部资源由 <object> 元素表示，该元素可以被视为图像、嵌套的浏览上下文或插件要处理的资源。它包括各种属性，如存档、边框、分类、代码库、代码类型等。

定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数，以及可用来显示和操作数据的代码。

<object> 标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。

object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持，这一点并未实现。

浏览器的对象支持有赖于对象类型。不幸的是，主流浏览器都使用不同的代码来加载相同的对象类型。

而幸运的是，object 对象提供了解决方案。如果未显示 object 元素，就会执行位于 <object> 和 </object> 之间的代码。通过这种方式，我们能够嵌套多个 object 元素（每个对应一个浏览器）。

使用<object> 元素在 HTML 加入 Flash 文件：

<object width="400" height="400" data="helloworld.swf"></object>

HTML <source> 标签

<source> 标签是 HTML5 中的新标签。

带有两个源文件的音频播放器。浏览器需要选择它所支持的源文件（如果都支持则任选一个）：

<audio controls>
    <source src="horse.ogg" type="audio/ogg">
    <source src="horse.mp3" type="audio/mpeg">
    您的浏览器不支持 audio 元素。
</audio>

<param>元素允许您为插入 XHTML 文档的对象规定 run-time 设置，也就是说，此标签可为包含它的 <object> 或者 <applet> 标签提供参数

<param> 标签支持全局属性，查看完整属性表 HTML全局属性。

<param> 标签支持所有 HTML事件属性。

param标签支持大部分的主流浏览器。

<object data="horse.wav">
  <param name="autoplay" value="true">
</object>

2.

 每个选择器最多只能出现一个伪元素，但是可以出现多个伪类

（1）伪元素仅指::after与::before，创建了一个新元素，这个新元素是前面的元素的子元素，这个子元素是一个块级盒子。

（2）这个子元素虽然在逻辑上存在，但却并不实际存在于文档树中。不会出现在DOM中，所以不能通过js来操作，仅仅是在 CSS 渲染层加入。

（3）每个选择器最多只能有一个伪元素，但是可以有多个伪类。

（4）伪类有链接伪类和结构伪类。链接伪类跟在a标签后面，例如:a:hover。结构伪类指div:nth-child(n)等

A+B匹配紧跟A的第一个B元素

A>B匹配所有父级是A 的B元素

CSS3 :nth-child() 选择器

:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。

n 可以是数字、关键词或公式。

Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词（第一个子元素的下标是 1）。

在这里，我们为奇数和偶数 p 元素指定两种不同的背景色：

p:nth-child(odd)
{
background:black;
}
p:nth-child(even)
{
background:white;
}

使用公式 (an + b)。描述：表示周期的长度，n 是计数器（从 0 开始），b 是偏移值。

在这里，我们指定了下标是 3 的倍数的所有 p 元素的背景色：

p:nth-child(2n+3)
{
background:pink;
}