排序
学习笔记：HTML基本知识
HTML基本结构 <!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'> <title>Title</title> </head> <body> </body> </html> head标签 作用：用于定...
网站美化教程：为网站添加一个横向进度条
JS代码 $(function() { function scroll_fn(){ document_height = $(document).height(); scroll_so_far = $(window).scrollTop(); window_height = $(window).height(); max_scroll = document...
快速把pc端网站实现响应式适配移动端的方法
何谓响应式网站？也就是区别于传统网站，能自动识别设备屏幕大小，根据屏幕分辨率做出自动调整清晰展示页面的网站。同一个网站，不管是在电脑端，还是在手机或者Ipad端，它都可以提供相同的用户...
padding和border宽度导致子元素超过父元素的解决方法
在 CSS 盒子模型的默认定义里，对一个元素所设置的 width 与 height 只会应用到这个元素的内容区。如果这个元素有任何的 border 或 padding ，绘制到屏幕上时的盒子宽度和高度会加上设置的边框...
html/txt文件中文用浏览器打开有乱码解决办法
head里增加一行代码，如下所示，保存并上传。打开就没问题了，其实起到关键作用的就是utf-8这个编码格式。 <head> <meta http-equiv='content-type' content='text/html' charset='utf-8'...
使用css解决图片间多余空白的方法
上传多张图片的时候，偶然间发现图片之间会有多余空白出现，尤其是长图切成小图后，视觉效果尤其碍眼。那么为什么会发生图片之间有多余空白的情况呢？ 发生这种情况是因为image是一个内联级别的...
修改element.style样式的教程
解决方案：element.style为内联样式，基本很多都是在JS代码里写死了的，但是我们可以用 !important 语法优先权来实现我们想要的效果。 无法修改的原因 HTMLElement.style 属性返回的是一个CSS S...
移除网站Response Headers中的X-Powered-By信息的教程
X-Powered-By是网站响应头信息其中的一个，出于安全的考虑，一般会修改或删除掉这个信息。 如图所示： 如果用的node.js express框架，那么X-Powered-By就会显示Express。如果用的thinkjs，那么X...
PHP实现301永久重定向的方法
网站的301跳转是网站建设过程中经常遇到的一个问题，现在绝大部分服务器都有非常简便的301重定向方法，但还是有些时候会遇到服务器权限等原因，导致只能使用asp或者php等程序来实现301跳转，下...
php程序报date()的处理方法
在运行以及写php程序中有时会出现这样的提示： PHP Warning: date(): It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or th...
HTML修改样式实时预览：contenteditable属性
contenteditable是HTML中的一个属性，当标签设置contenteditable='true'时，即能对该标签元素进行编辑。 当style标签设置contenteditable后，能在页面直接编辑css样式，实时预览效果。 下面放一...
网站页面添加全屏图片背景的教程
建站过程中，许多站点喜欢把网站背景做成全屏图片，对于一些稍微懂一点建站知识的朋友，并不是什么难事，那么对于小白来说应该怎么把网站背景设置成全屏图片呢？下面我们就来了解一下怎么给网站...
