html中的iframe的常用标签
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 一般可用作无障碍阅读或提示。
CSS 初体验
- css是什么？
CSS 指层叠样式表 (Cascading Style Sheets)样式定义如何显示 HTML 元素
样式通常存储在样式表中
把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中
多个样式定义可层叠为一个 - 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>
浏览器（用户代理样式，大多数浏览器表现基本一致）
继承的（根据元素在文档中的结构和层级关系，来确定最终的样式）
文档插入样式表的三种办法
- 外部样式表(引入）css样式表，必须放置在head文档中。
-语法格式<head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>
- 内部样式表：在head中使用<style></style>标签。
<head><style>hr {color:sienna;}p {margin-left:20px;}body {background-color:pink;}</style></head>
- 行内样式（在行内使用style属性，针对当前元素进行样式定义）
语法格式：
<p style="color:pink;font-size:20>value</p>
问题思考：多重样式优先级？
一般情况下，优先级如下：
内联样式）Inline style > （内部样式）Internal style sheet >（外部样式）External style sheet > 浏览器默认样式
多重样式优先级深入研究
-优先级顺序
- 通用选择器（*）
- 元素(类型)选择器
- 类选择器
- 属性选择器
- 伪类
- ID 选择器
- 内联样式
- !important 规则例外
关于!important查阅的资料：
Always 要优化考虑使用样式规则的优先级来解决问题而不是 !importantOnly 只在需要覆盖全站或外部 css（例如引用的 ExtJs ）的特定页面中使用 !importantNever 永远不要在全站范围的 css 上使用 !importantNever 永远不要在你的插件中使用 !important