先看效果：HTML：<button> <svg height='36px' width='36px' viewBox='0 0 36 36' xmlns='http://www.w3.org/2000/svg'> <rect fill='#fdd835' y='0' x='0' height='36' width='...

HTML：<button> Button </button>CSS：button { background-color: #444141; border-radius: 4px; color: #fff; cursor: pointer; padding: 15px 30px; font-size: 18px; font-weig...

Tips：本文是「自建 PHP获取网站描述Description API接口」文章的孪生兄弟，结构文案都差不多，只是api代码有点区别。 最近在开发一款AIGC网址导航，带有网址投稿功能，因为后台添加导航比较繁...

最近在开发一款AIGC网址导航，带有网址投稿功能，因为后台添加导航比较繁琐（虽然只有几个字段），我也常常用前台的投稿功能然后再去后台审核下。 提交的网址涉及几个常见字段，titile、描述、U...

截图 点击按钮会出窗口，点击x或空白区域或关闭窗口。 代码 <style> .overlay-tecgic { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color...

介绍 使用getBoundingClientRect()方法获取目标元素的位置信息，包括元素的上边缘相对于视口顶部的距离。然后，将视口的垂直偏移量window.pageYOffset与偏移量参数进行计算，得到最终的滚动位置...

效果图： css vertical-align: middle; //水平居中 text-align: center; //(可选)垂直居中 border:1px solid black; //(可选)加个边框

首先将需要顶部固定的区域使用<div id='nav_fuanfu'>包裹起来，然后在网页的特别底部放上以下的JS代码，用于控制这个区域顶部滚动固定。 <script type='text/javascript' > functio...

如何在centos上安装nodejs和npm

一、认识em标签 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。 二、DIV+CSS去em斜体样式 font-style:normal  

最近在写Time for插件缩略图排列的时候，由于padding属性总是影响盒子大小，导致默认写好的参数在不同宽度场景下存在溢出换行的情况，或者是填不满盒子。 如图   解决办法 在要控制元素排...

<input class='back' type='button' name='Submit' value='返回上一页' onclick='post.referrer === '' ? window.location.href = 'https://www.zuanmang.net' /}' : window.history.go(-1);...

<script type='text/javascript' src='http://api.map.baidu.com/api?v=2.0&ak=你的API密匙'> </script> <div id='bdMapBox' style='display:none;'> </div> <s...

效果如图： 与其他促销方法相比，Smart App Banners极大地改善了用户的浏览体验。在iOS中，智能应用横幅广告可为用户带来一致的外观。他们相信点击横幅将把他们带到App Store，而不是第三方广告...

最近在看 开发者避雷指南-百度搜索算法规范详解时，发现里边有写到 页面机型适配: 所有开发者应对资源页面做好不同手机型号的适配效果，不影响用户的正常浏览使用。其中IOS全面屏手机底部横线不...

锚点样式 <div class='main-description'> <!-- 跳转关于我们锚点--> <a name='about-us' style='position: relative;top: -80px;'></a> </div> 相关内容 HTML中...