网站建设

使用css解决图片间多余空白的方法

使用css解决图片间多余空白的方法 - 鹿泽笔记
上传多张图片的时候,偶然间发现图片之间会有多余空白出现,尤其是长图切成小图后,视觉效果尤其碍眼。那么为什么会发生图片之间有多余空白的情况呢? 发生这种情况是因为image是一个内联级别的...
2024-04-19 10:53:02
2050

只使用CSS提升页面渲染速度的方法

只使用CSS提升页面渲染速度的方法 - 鹿泽笔记
用户喜欢快速的 Web 应用。他们期望页面加载速度快,运行流畅。如果滚动时出现动画中断或延迟,用户很可能就会离开网站。作为一名开发者,可以做很多事情来提升用户体验。本文主要介绍可以用来...
2024-04-19 10:45:08
1956

html/txt文件中文用浏览器打开有乱码解决办法

html/txt文件中文用浏览器打开有乱码解决办法 - 鹿泽笔记
head里增加一行代码,如下所示,保存并上传。打开就没问题了,其实起到关键作用的就是utf-8这个编码格式。 <head> <meta http-equiv='content-type' content='text/html' charset='utf-8'...
2024-04-19 10:32:46
5910

CSS代码做一个很酷流光溢彩的文字特效的教程

CSS代码做一个很酷流光溢彩的文字特效的教程 - 鹿泽笔记
效果展示: 实现代码: <!DOCTYPE html> <html> <head> <meta charset='UTF-8'> <title>这个文字特效很酷啊</title> <style> body{ background: #222;} *{margin: 0;paddi...
2024-04-19 10:21:31
2880

padding和border宽度导致子元素超过父元素的解决方法

padding和border宽度导致子元素超过父元素的解决方法 - 鹿泽笔记
在 CSS 盒子模型的默认定义里,对一个元素所设置的 width 与 height 只会应用到这个元素的内容区。如果这个元素有任何的 border 或 padding ,绘制到屏幕上时的盒子宽度和高度会加上设置的边框...
2024-04-19 10:06:56
2940

CSS代码的优化小技巧,提高加载速度

CSS代码的优化小技巧,提高加载速度 - 鹿泽笔记
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还...
2024-04-19 09:53:50
21513

CSS3控制图片自适应屏幕大小和居中显示的代码教程

CSS3控制图片自适应屏幕大小和居中显示的代码教程 - 鹿泽笔记
做网站之后,我们会在网站后台发布很多新闻或文章。文章里会插入一些图片,由于图片尺寸不一样,会出现图片超过宽度的问题。特别是制作手机网站时,更容出现这种情况。如何通过CSS3来一次性控制...
2024-04-19 00:09:00
2910

css实现背景颜色渐变的代码

css实现背景颜色渐变的代码 - 鹿泽笔记
语法: background: linear-gradient(渐变的起始位置, 起始颜色, 结束颜色); background:-webkit-linear-gradient(渐变的起始位置, 颜色 位置, 颜色位置....); 代码1: background: linear...
2024-04-15 14:24:50
2630

快速把pc端网站实现响应式适配移动端的方法

快速把pc端网站实现响应式适配移动端的方法 - 鹿泽笔记
何谓响应式网站?也就是区别于传统网站,能自动识别设备屏幕大小,根据屏幕分辨率做出自动调整清晰展示页面的网站。同一个网站,不管是在电脑端,还是在手机或者Ipad端,它都可以提供相同的用户...
2024-04-15 14:08:32
5050

href属性中含”#”空链接的用处是什么?值得我们去修改吗?

href属性中含
href='###'的样式大致可以看成是“空链接”,关于链接中的#号,目前搜索引擎对带#号URL的收录策略是:去掉#号后面的内容,仅对#号前面的url进行建库。这样就导致一些站长认为有意义有价值的页面...
2024-04-09 09:32:07
1800

Linux重启Redis的方法

Linux重启Redis的方法 - 鹿泽笔记
在Linux系统中,Redis是一种常用的开源内存数据库。它的高性能和可扩展性使其成为许多项目的首选数据库解决方案。然而,有时候,由于某些原因,可能需要重启Redis。在本文中,我们将介绍如何在L...
2024-04-09 09:17:26
23911

网站美化教程:为网站添加一个横向进度条

JS代码 $(function() { function scroll_fn(){ document_height = $(document).height(); scroll_so_far = $(window).scrollTop(); window_height = $(window).height(); max_scroll = document...
2024-04-08 16:32:01
2390