前端笔记共65篇 第2页
前端基础
CSS hover改变其他Class属性
css鼠标效果改变其他样式 效果如图: 代码参考 .zmki_box_li li{ background-color: #F2F5FB; padding: 8px 15px!important; border-radius: 10px; transition: background-color 0.3s,color 0.3...
3年前
CSS让Li标签溢出后自动换行
CSS： white-space: nowrap; 定义和用法 white-space 属性设置如何处理元素内的空白。 值 描述 normal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre&...
4年前
Html ul、li CSS标签详解 使用图片自定义样式 隐藏小点样式齐全
前排丢一下本文大部分内容机器生成用的代码，贴一下供参考 PHP [collaps title='点击展开 查看For循环'] <style> body{ width: 1200px; margin: 0 auto; margin-top: 100px; } p{ border:...
4年前
CSS缩略图最佳缩放实践
object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。 object-fit 一般用于 img 和 video 标签，一般可以对这些原素进行保留原始比例的剪切、缩放或者直接进行拉伸等。您可以通...
4年前
div标签img图片垂直居中CSS
display: table-cell; /*主要是这个属性*/ 没错，给img带上这个标签即可。如果不行就给上级div 赋值 margin: 0 auto; 如下图:
4年前
CSS背景图像，镜像翻转、缩放、背景偏移与定位、文字溢出处理
CSS下镜像翻转（水平/垂直翻转） 两种写法 【方法一】利用css动画属性rotate旋转来实现： /* 方法一 */ .mirrorRotateLevel { transform: rotateY(180deg); /* 水平镜像翻转 */ } .mirrorRotate...
4年前WordPress宇宙超级无敌美化框
我是迷幻紫 WordPress美化文章彩色渐变框钻芒美化版是怎么回事呢?WordPress相信大家都很熟悉，但是WordPress美化文章彩色渐变框钻芒美化版是怎么回事呢?下面就让小编带大家一起了解吧。 WordP...
4年前
自动PC端隐藏 手机端显示CSS代码判断实现自适应
上一篇说过在pc显示，手机隐藏的css案例。最近有用的到需要在电脑上自动隐藏手机端显示的例子。 PC显示手机隐藏: https://www.zuanmang.net/5001.html 实现方法: CSS判断控制路: .wppc{ display...
4年前
小程序/web开发实例 CSS居底显示
效果： CSS: .zmki_footer{ font-size: 10px; text-align: center; color: #858585; bottom: 0px; /* height: 200px; */ position: fixed; left: 0; width: 100%; padding-bottom: 20px; } HTMl...
4年前
JS实现全屏切换控制 WordPress
前段时间做的几个小项目都加入进去了全屏切换控制按钮，这个过程是怎么实现的呢，其实和暗黑控制切换一样。非常的简单。并且适用于所有网站，WordPress、typecho都不是问题，技术互通。只待你补...
4年前CSS 背景图片100%自适应屏幕
background:url(images/test.jpg)no-repeat; background-size:100% 100%; overflow:hidden; https://www.cnblogs.com/deneyZhao/p/7444599.html
4年前
CSS修改浏览器内的页面滚动条样式
有时候网站逼格够了之后却发现默认的滚动条很影响和整体美观 如下图: 暗黑模式下全屏展示右侧的滚动条显得很突兀。 修改后 由于要考虑到白天模式，所有个滚动条也要合适白天使用，所以这里钻芒...
4年前html超链接在Js内的一些写法转变与应用
:oops: 博主前端基础薄弱，所以要多学习。 有时候遇到html内<a>标签需要写道js里边。众所周知博主js学的不如php。所以此遇到新的跳转方式都要去百度学习一番。这里总结一下几个我遇到的...
4年前JS页面跳转（链接，超链接）
<!DOCTYPE html> <html> <head> <title>链接和超链接</title> </head> <body> <a href='http://www.baidu.com'>链接--当前页面...
4年前CSS图片填充的几种方式
当图片比例不固定时，想要让图片自适应，一般都会用background-size:cover/contain，但是这个只适用于背景图。 img有个属性object-fit 属性值：object-fit: fill / contain / cover / none / sc...
4年前
给WordPress或网站内添加新年挂灯笼特效
源码及教材源自知更鸟:http://zmingcx.com/hanging-lantern.html 这里说一下，作者提供了两种方法部署灯笼， 第一种是 在footer.php主题页脚文件内添加灯笼前端代码，然后在添加style.css样式表...
4年前