- 最近发现 WordPress 博客在修改 style.css 样式不能立即生效的问题，根本原因在于服务器开启了.htaccess 缓存，不过你总不能直接把这个关掉吧。开启.htaccess 缓存还是有很多好处的。 我们为什么要设置.htaccess 缓存？ 网站一般不容易变化的都是一些图片，CSS，JS 脚本这些可以缓存到本地，设置一个缓存时间，比如 30 天，这样访客打开... 最近发现 WordPress 博客在修改 style.css 样式不能立即生效的问题，根本原因在于服务器开启了.htaccess 缓存，不过你总不能直接把这个关掉吧。开启.htaccess 缓存还是有很多好处的。 我们为什么要设置.htaccess 缓存？ 网站一般不容易变化的都是一些图片，CSS，JS 脚本这些可以缓存到本地，设置一个缓存时间，比如 30 天，这样访客打开...
- 综述 CSS3 已经变得非常流行，原本的 CSS 不支持自定义字体，但是传说中的 CSS3 基本上什么都可以，那么 CSS3 中可不可以自定义英文字体呢？这里我们就一起来感受一下。 语法规则 1234567891011 @font-face { font-family: 自定义的字体名称; src: 自定义的字体的存放路径; font-weight: no... 综述 CSS3 已经变得非常流行，原本的 CSS 不支持自定义字体，但是传说中的 CSS3 基本上什么都可以，那么 CSS3 中可不可以自定义英文字体呢？这里我们就一起来感受一下。 语法规则 1234567891011 @font-face { font-family: 自定义的字体名称; src: 自定义的字体的存放路径; font-weight: no...
- 前言： 普通图片： 给网页添加背景图片 html+css 动态： 就是换成MP4格式作为网页背景。 实现： 定义html的video标签： <video src="xiamu.mp4" class="bjimg" autoplay loop muted></video> 1 在url里写入自己视频地址就好~ 添加css样式就完成了： .bjimg ... 前言： 普通图片： 给网页添加背景图片 html+css 动态： 就是换成MP4格式作为网页背景。 实现： 定义html的video标签： <video src="xiamu.mp4" class="bjimg" autoplay loop muted></video> 1 在url里写入自己视频地址就好~ 添加css样式就完成了： .bjimg ...
- 标题：消除点击音乐播放器标签默认出现的边框 html+css 问题描述： 在写html文件时我们写audio标签时，点击播放歌曲时默认出现边框（如图），我们想消除掉。 解决方案： 1.定义标签 <audio src="白安-是什么让我遇见这样的你.mp3" controls class="yinyue"></audio> 1 通过添加outline属性... 标题：消除点击音乐播放器标签默认出现的边框 html+css 问题描述： 在写html文件时我们写audio标签时，点击播放歌曲时默认出现边框（如图），我们想消除掉。 解决方案： 1.定义标签 <audio src="白安-是什么让我遇见这样的你.mp3" controls class="yinyue"></audio> 1 通过添加outline属性...
- 前言 用css的transform属性做一个3D相册~~~ 值translate表示偏移； scale表示缩放； rotate就是转动。 一、先看效果 二、实现步骤 1.我们知道一个正方体有6个面，所以定义一个父亲元素然后定义6个子元素作为6个面。每个面放一张图片。里面q1表示前面，h2表示后面，以此类推，就是首拼音。 <div class="baba"... 前言 用css的transform属性做一个3D相册~~~ 值translate表示偏移； scale表示缩放； rotate就是转动。 一、先看效果 二、实现步骤 1.我们知道一个正方体有6个面，所以定义一个父亲元素然后定义6个子元素作为6个面。每个面放一张图片。里面q1表示前面，h2表示后面，以此类推，就是首拼音。 <div class="baba"...
- 前提： ::-webkit-scrollbar这个伪类选择器能改（比如网页右侧的）滚动条样式，不过好像挺多浏览器不兼容，我也不是太熟这个属性。 用用： 对应改的部分 ::-webkit-scrollbar — 整个滚动条. ::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头). ::-webkit-scrollbar-thumb ... 前提： ::-webkit-scrollbar这个伪类选择器能改（比如网页右侧的）滚动条样式，不过好像挺多浏览器不兼容，我也不是太熟这个属性。 用用： 对应改的部分 ::-webkit-scrollbar — 整个滚动条. ::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头). ::-webkit-scrollbar-thumb ...
- 在写爬虫之前，我们还需要了解一些基础知识，如 HTTP 原理、网页的基础知识、爬虫的基本原理 、 Cookies 的基本原理等。 HTTP基本原理 一个网站的图标链接，它就是一个URL，也可以叫URI，但是我个人习惯于URL，而且在互联网中URL也是比较常见的。 超文本 我们在浏览器里看到的网页就是超文本解析而成的， 其网页源代码是一系列 HTML 代码， ... 在写爬虫之前，我们还需要了解一些基础知识，如 HTTP 原理、网页的基础知识、爬虫的基本原理 、 Cookies 的基本原理等。 HTTP基本原理 一个网站的图标链接，它就是一个URL，也可以叫URI，但是我个人习惯于URL，而且在互联网中URL也是比较常见的。 超文本 我们在浏览器里看到的网页就是超文本解析而成的， 其网页源代码是一系列 HTML 代码， ...
- 效果： 实现： 定义标签, .result是显示计算结果框，.anniu里放数字和运算符按钮，.zero是清除按钮，它们都在表单域 form里： <form class="kuang" name="kuang" > <input type="text" class="result" name="result"> <div class="anniu"> <sp... 效果： 实现： 定义标签, .result是显示计算结果框，.anniu里放数字和运算符按钮，.zero是清除按钮，它们都在表单域 form里： <form class="kuang" name="kuang" > <input type="text" class="result" name="result"> <div class="anniu"> <sp...
- 先看效果（完整代码在底部）： canvas小球连线碰撞完整源代码 html+css+js 这是我的B站地址~热烈欢迎 实现（看注释，可一步一步跟着实现）： 0：定义标签： <h1>北极光之夜。</h1> <canvas id="canvas"></canvas> 12 1. 定义变量： /* 获取画布 */ var canvas =... 先看效果（完整代码在底部）： canvas小球连线碰撞完整源代码 html+css+js 这是我的B站地址~热烈欢迎 实现（看注释，可一步一步跟着实现）： 0：定义标签： <h1>北极光之夜。</h1> <canvas id="canvas"></canvas> 12 1. 定义变量： /* 获取画布 */ var canvas =...
- 先看效果： 轮播图做法有很多，效果也有很多。下面是一种简单的两边图片模糊，中间图片放大的轮播图效果。鼠标点击左边或右边的图片后，它们会移动到中间并变大，其它图片移动到到两边并模糊。 点击最右边图片： 点击最左边图片： 这个效果是只是有鼠标点击后就轮播，至于鼠标不点击也定时自动轮播的效果以后有时间再出一片文章。 实现： 1. 定义标签，.kuang是最底层... 先看效果： 轮播图做法有很多，效果也有很多。下面是一种简单的两边图片模糊，中间图片放大的轮播图效果。鼠标点击左边或右边的图片后，它们会移动到中间并变大，其它图片移动到到两边并模糊。 点击最右边图片： 点击最左边图片： 这个效果是只是有鼠标点击后就轮播，至于鼠标不点击也定时自动轮播的效果以后有时间再出一片文章。 实现： 1. 定义标签，.kuang是最底层...
- 效果： 【html+css+js】俄罗斯方块源码分享 这是在网上跟着黑马的视频做的，然后也加了些自己的想法。 在线试玩：http://www.beijiguang.site/game/index.html 完整代码： 直接复制用的换个背景视频地址就行~ 核心 js 部分都有解析。 <!DOCTYPE html> <html lang="zh-CN... 效果： 【html+css+js】俄罗斯方块源码分享 这是在网上跟着黑马的视频做的，然后也加了些自己的想法。 在线试玩：http://www.beijiguang.site/game/index.html 完整代码： 直接复制用的换个背景视频地址就行~ 核心 js 部分都有解析。 <!DOCTYPE html> <html lang="zh-CN...
- 效果： 前言： 思路是看up主xiao-high的，然后自己也弄了一个。效果有一个缺点就是图片边缘区域放大不了。 实现： 定义标签：.frame是底层盒子，img是小图片，宽设置100%，跟底层盒子一样。.circle是放大镜，.circle里的img是放在.circle里的大图片。 <div class="frame"> <img src="25.jp... 效果： 前言： 思路是看up主xiao-high的，然后自己也弄了一个。效果有一个缺点就是图片边缘区域放大不了。 实现： 定义标签：.frame是底层盒子，img是小图片，宽设置100%，跟底层盒子一样。.circle是放大镜，.circle里的img是放在.circle里的大图片。 <div class="frame"> <img src="25.jp...
- ie版本Div不随着滚动.html ----------------------------------------------------- <html> <head> <title></title> <style type="text/css"> html,body { overflow:hidden; margin:0px; width:100%; ... ie版本Div不随着滚动.html ----------------------------------------------------- <html> <head> <title></title> <style type="text/css"> html,body { overflow:hidden; margin:0px; width:100%; ...
- 前言 vw、vh、vmin、vmax 的含义 （1）vw、vh、vmin、vmax 是一种视窗单位，也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗（Viewport）大小来决定的，单位 1，代表类似于 1%。 视窗(Viewport)是浏览器实际显示内容区域，换句话说是不包括工具栏和按钮的网页浏览器。 （2）具体描述如下： vw：视窗宽度的百分比... 前言 vw、vh、vmin、vmax 的含义 （1）vw、vh、vmin、vmax 是一种视窗单位，也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗（Viewport）大小来决定的，单位 1，代表类似于 1%。 视窗(Viewport)是浏览器实际显示内容区域，换句话说是不包括工具栏和按钮的网页浏览器。 （2）具体描述如下： vw：视窗宽度的百分比...
- calc是英文单词calculate(计算)的缩写,是css3的一个新增功能; MDN的解释为：可以用在任何长度,数值,时间,角度,频率等处; CSS3 的 calc() 函数允许我们在属性值中执行数学计算操作。例如，我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。 .foo { width: calc(100px + 50p... calc是英文单词calculate(计算)的缩写,是css3的一个新增功能; MDN的解释为：可以用在任何长度,数值,时间,角度,频率等处; CSS3 的 calc() 函数允许我们在属性值中执行数学计算操作。例如，我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。 .foo { width: calc(100px + 50p...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签