2020-09-24

一天前结束了一个名为贵美商城的H5项目，

其中最令人深刻的几个CSS样式

.button {
                    -webkit-appearance: button;
                    -moz-appearance: button;
                    appearance: button;
                     width: 60px;
                    text-decoration: none;
                    color: initial;
                    }

将a标签设置为按钮形状，样式如下

 

然后就是ifrome

用iframe设在做项目的时候为了方便经常会用到嵌套标签来嵌套页面。因为一个系统里会有多个大模块，每一个大模块里又有好多个小模块，而每一个小模块又是由页面构建而成。所以，做项目的时候就会在模版里面嵌套内容。在主页面上嵌套要实现的页面功能，当用户点击主页面的菜单栏就会跳转到该页面。意思就是不管用户怎么点击主页面的菜单栏即使跳转到下一个页面，用户在下一个页面也还是可以看到跟主页面显示一样的菜单栏，就是要在主页面嵌套每一个小模块里的页面内容。
代码如下：

在W3School里也有嵌套标签详细的解说：
1、支持的浏览器有哪些，IE、Firefox、Chrome、Safari、Opera，在不支持的浏览器里是
不会看得到有嵌套的效果的。
2、嵌套标签的定义和用法：
iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。
3、还有属性、值这些比如说，规定如何根据周围的元素来对齐此框架，规定是否显示框架周围的边框、规定 iframe 的高度、规定一个页面，该页面包含了有关 iframe 的较长描述、定义 iframe 的顶部和底部的边距还有左侧和右侧的边距、规定 iframe 的名称、启用一系列对 中内容的额外限制、规定是否在 iframe 中显示滚动条、规定 看上去像是包含文档的一部分、规定在iframe 中显示的文档的 URL、规定在 中显示的页面的 HTML 内容、定义 iframe 的宽度。可以根据个人所需想要什么样的样式效果就可以在W3School里查找并使用。
下面便是根据属性、值来设置iframe样式，代码如下：
<iframe scrolling="no" frameborder="0" src="" width="" height=""></iframe>

圈红的位置上面我是用了一个div存放iframe路径，规范代码        

在iframe里scrolling 属性规定是否在 iframe 中显示滚动条。默认地，如果内容超出了 iframe，滚动条就会出现在 iframe 中。设置好iframe的高度后在浏览器上随便上下拖动，iframe#content这个容器会显示加载的页面，你页面的内容有多少就会往下加载多少。