php iframe使用代理_小白学代码之iframe内联框架的认识和CSS基础入门

一、内联框架标签

HTML的内联框架元素

内联框架的代码结构：

• src 表示被嵌套的URL地址；
• srcdoc 该属性可以是一段html代码，这些代码会被渲染到iframe中展示最终的样式。
• name 与标签和标签的target属性可以配合使用，当点击对应的标签按钮时，可以跳转到点击的标签的URL地址。

拓展：使用iframe可以实现一个后台管理系统的菜单导航。

二、CSS基础语法

1.什么是CSS？

CSS全称：Cascading Style Sheets，中文名称叫层叠样式表。它是用来表示HTML、XML等文件 样式的计算机语言。

2.CSS相关术语：

CSS的规则由两个部分组成：

• 选择器：由html元素构成；
• 声明块：由一对“{…}”包裹的名、值对。

例如：

Web全栈开发入门课程

大家晚上好，我是Hello World！

效果如下：

html+css

在Chrome浏览器中，通过F12打开控制台工具，通过选择工具选中h1标签，我们可以看到一个元素的样式会受到四个级别的影响：

• 继承的：根据元素在文档的结构和层级关系来确定它的最终样式；
• 浏览器客户端：用户代理样式(user agent style)，基本上浏览器的表现样式都是一致的；
• 用户自定义：写在HTML文档
• 行内样式(内联样式)：写在元素的style属性中的样式。

3.CSS层叠与优先级

    CSS层叠与优先级

Web全栈开发入门课程

大家晚上好，我是Hello World！