教育网页设计网站,wordpress博客主题zip,wordpress站点描述,大连学校网站建设做一个好看的页面真的是一件困难的事情#xff0c;所以还是遵循复制后修改的原则#xff0c;首先是借鉴httpbin页面的方式进行块状展开。块状从模版中找到类似的html代码#xff1a;块状我们可以看到一下它的动态效果#xff0c;可以自主的展开和合拢。蛮符合我们的要求的动…做一个好看的页面真的是一件困难的事情所以还是遵循复制后修改的原则首先是借鉴httpbin页面的方式进行块状展开。块状从模版中找到类似的html代码块状我们可以看到一下它的动态效果可以自主的展开和合拢。蛮符合我们的要求的动画效果但是里面只有一行内容我们需要在里面放一个类似表格的输入框所以继续找到如下表格表格形式通过组合之后就符合我们的要求了。大概展示的效果如下最终效果感觉符合整体的画风了。下面来看看这一段让人头大的代码从最前面部分开始好了首先是接口名称和它的输入框接口名称虽然丢人的使用了br来进行换行但是从一个实用主义的角度来看先这样吧不会CSS的我还能咋办。里面使用stylewidth: 30%; border-radius:5px;来调整输入框的大小为30%输入框是圆角的。之前的直角太硬了看上去很不舒服。然后是URL部分 URL 请求方式 GETPOSTPUTDELETE 传输协议 httphttps URL 这一部分实现了当class是box box-default collapsed-box的时候横条会自动隐藏当box-header with-border的时候会自动显示这个当然是通过测试发现的测试方法可以看如下动图分别是点击小图标后的显示与隐藏导致的class变化显示与隐藏感兴趣可以通过查看监听点击操作查看JS干了什么事情JS代码查看方式进到URL的内部可以看到一个相当于自成一个小世界。label标签放展示的内容input标签放输入框select标签放下拉框经过多次的测试之后就会发现摆放好了。请求头部请求头部部分增加了和-的操作可以按照需要进行新增键值对不过JS部分代码还没写所以这两个只是个简单的图标而已图标通过需改字体的大小就可以调整图标的大小了stylefont-size:25px;其他部分自行查看github上的代码吧https://github.com/zx490336534/Zxapitest欢迎关注我的公众号zx94_11
