![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
天蓬老师Correction status：qualified
Teacher's comments：
Collection
Collection
src属性：规定在 iframe 中显示的文档/页面的 URL。
-语法格式<iframe src="value">
文档/页面的URL分成相对和绝对，相对—>指向站内；绝对—>指向站外
需要注意的是，部分网站禁止了嵌套引用
frameborder属性：规定是否显示 iframe 周围的边框。
-语法格式<iframe frameborder="value">
在实际使用中，一般不设置此属性，而是通过CSS样式进行控制。
width|height属性：规定 iframe 的宽度|高度
-语法格式：<iframe height="value" width="value">
在实际使用中，一般通过css进行统一的样式管理。
name 属性：iframe 元素的 name 属性用于在 JavaScript 中引用元素，或者作为链接的目标。
-语法格式：<iframe name="value">
name属性的使用率极高，与a标签的链接以name作为核心。用于定位嵌入的浏览上下文的名称。该名称可以用作 <a> 标签与 <form> 标签的 target 属性值，也可以用作 <input> 标签和 <button> 标签的 formtarget 属性值，还可以用作 window.open() 方法的 windowName 参数值。
scrolling 这个属性控制是否要在框架内显示滚动条.在html5中已经禁止。
-语法格式：scrolling:auto|yes|no
建议scrolling属性由CSS来集中控制。
srcdoc 属性:规定页面中的 HTML 内容显示在 <iframe> 中。
-语法格式：<iframe srcdoc="value">
srcdoc 一般可用作无障碍阅读或提示。
样式定义如何显示 HTML 元素
样式通常存储在样式表中
把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中
多个样式定义可层叠为一个
h1 {color:red;text-align:center;}【划重点】
一个元素的样式来自多个方面，1.继承的，2，浏览器的，3，自定义的，4，行内样式（内联样式）….
行内样式（内联样式）
语法格式：
<p style="color:pink;font-size:20>value</p>
自定义样式：写在文档的<style></style>标签中
<style>h2{color:pink;font-size:3em;margin:auto;}</style>
浏览器（用户代理样式，大多数浏览器表现基本一致）
继承的（根据元素在文档中的结构和层级关系，来确定最终的样式）
<head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>
<head><style>hr {color:sienna;}p {margin-left:20px;}body {background-color:pink;}</style></head>
语法格式：
<p style="color:pink;font-size:20>value</p>
一般情况下，优先级如下：
内联样式）Inline style > （内部样式）Internal style sheet >（外部样式）External style sheet > 浏览器默认样式
多重样式优先级深入研究
关于!important查阅的资料：
Always 要优化考虑使用样式规则的优先级来解决问题而不是 !importantOnly 只在需要覆盖全站或外部 css（例如引用的 ExtJs ）的特定页面中使用 !importantNever 永远不要在全站范围的 css 上使用 !importantNever 永远不要在你的插件中使用 !important