前端笔记共65篇 第2页
前端基础
CSS图片填充的几种方式
当图片比例不固定时，想要让图片自适应，一般都会用background-size:cover/contain，但是这个只适用于背景图。 img有个属性object-fit 属性值：object-fit: fill / contain / cover / none / sc...
4年前将一个html页面中嵌入另一个html页面需要使用到iframe标签。
将一个html页面中嵌入另一个html页面需要使用到iframe标签。 iframe标签用法： <iframe src='你要嵌套的页面.html' width='300' height='200' frameborder='0' scrolling='No'></ifram...
5年前进入就弹出网站公告提示框的JS弹窗代码
<script language='javascript'>alert('博客主体转企业备案，未来一段时间首页将不能正常访问。售后服务联系博主Q20838641 ，敬请谅解')</script>
5年前JS页面跳转（链接，超链接）
<!DOCTYPE html> <html> <head> <title>链接和超链接</title> </head> <body> <a href='http://www.baidu.com'>链接--当前页面...
4年前CSS3 渐变（Gradients）
语法 background: linear-gradient(direction, color-stop1, color-stop2, ...); 线性渐变 - 从上到下（默认情况下） 下面的实例演示了从顶部开始的线性渐变。起点是红色，慢慢过渡到...
5年前JS实现H5页面点击返回上一页，如无自动跳转首页防止跳出站
<input class='back' type='button' name='Submit' value='返回上一页' onclick='post.referrer === '' ? window.location.href = 'https://www.zuanmang.net' /}' : window.history.go(-1);...
3年前CSS 背景图片100%自适应屏幕
background:url(images/test.jpg)no-repeat; background-size:100% 100%; overflow:hidden; https://www.cnblogs.com/deneyZhao/p/7444599.html
4年前
自适应提示页HTML模板
<!DOCTYPE html> <html lang='zh-cn'> <head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0, ...
5年前CSS设置em不倾斜
一、认识em标签 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。 二、DIV+CSS去em斜体样式 font-style:normal
3年前
CSS3实现“图片阴影”效果
利用多投影重叠的原理，实现曲线阴影与翘边阴影的效果，花一个小时看完的课程，理解的似懂非懂。直接发一下老师写的成品吧。用到来取。css都补上了注释。 第1章曲线阴影的实现 1-1效果演示 1-2...
5年前
右侧悬浮菜单悬浮窗 CSS+html CSS自动判断PC显示手机端隐藏
源自:http://miwua.com/1521.html 感觉还不错，只是部署到博客不太搭配（颜色太鲜艳了），用css加了个设备判断，电脑端显示、手机端隐藏。1221px 界点 预览: css <!--右侧悬浮菜单 開始--...
5年前
CSS修改浏览器内的页面滚动条样式
有时候网站逼格够了之后却发现默认的滚动条很影响和整体美观 如下图: 暗黑模式下全屏展示右侧的滚动条显得很突兀。 修改后 由于要考虑到白天模式，所有个滚动条也要合适白天使用，所以这里钻芒...
4年前
HTML5 SVG+CSS3霓虹灯文字边框动画特效
@font-face { font-family:fzz; src: url('https://img.zmki.cn/ttf/fzz.ttf');} 预览效果 html <!DOCTYPE html> <html> <head> <meta charset='utf-8' /> <title></title> &...
5年前
DIV+JS+CSS实现点击弹出图片效果
前几天扒了vue vlog的官网，想给添加一个像博客一样的点击微信图标弹出公众号二维码。 # ZMKI VLOG: VLOG.ZMKI.CN 效果如下: #代码 CSS代码 <style type='text/css'> .black_overlay { di...
5年前
WordPress网站备案关站屏蔽首页html单页源码
更改备案主体的手机号也需要重新提交备案，个人备案类别不能涉及博客、评论、链接跳转。 博客类型肯定是过不了的。没办法，那总不能关站从建吧， 通过设置一个首页屏蔽页。把网站伪装成个人主页...
5年前