标签 css 下的文章 - 泽泽社博客

css

共有 16 条内容

1/2

让Gravatar头像默认为字母头像

上篇文章《使用PHP通过svg生成base64文字首字头像》讲到了如何给昵称生成首字头像，那么如何让Gravatar头像默认为字母头像呢？(为了演示方便下文中Gravatar头像地址将使用Cravatar来演示)Gravatar头像参数d一般Gravatar头像地址为https://crava...

2023年04月09日 96阅读

分享个通过CSS让JS判断屏幕宽度的方法

分享个通过CSS让JS判断屏幕宽度的方法

因为最近几天给主题加了视频背景，考虑到手机端是不显示背景的，既然不显示就想着视频资源最好也别加载，给手机端省点流量，于是乎想了个骚气的判断方式。教程首先给css部分加入如下代码，其中使用媒体查询设置了5个断点，一般常见框架断点都是这样的，默认content的值是0，随着屏幕宽度的变化分别赋值1...

2023年04月03日 54阅读

纯CSS根据图片取色设置背景色

纯CSS根据图片取色设置背景色

前几天无意间访问到了个韩国的动漫视频站，然后看到个页面每个div背景色都不同疑似根据图片进行的取色，然后就想看看他是用什么js设置的，f12一看发现好像不是js，然后我就以为是写死的，想看看怎么写的，结果一看不要紧，学到个骚操作。代码Html部分的核心代码<div class="...

2022年11月21日 2482阅读

为GoogleAdsense谷歌广告添加占位图

为GoogleAdsense谷歌广告添加占位图

少废话，先看东西谷歌广告部分页面有时不显示广告内容，结果广告位置就空白了，很不美观，所以就有了这个方案，就相当于给广告位加了个背景，在广告无法显示时则就会显示广告招募中的文字内容。实现首先将广告代码放入如下div。<div class="zhaomu"> <...

2022年11月14日 2419阅读

如何开始使用TailwindCSS新建一个项目

如何开始使用TailwindCSS新建一个项目

tailwindcss 3.0已经正式发布。安装方式也有一些改变。此贴将对3.0的安装方式做一些说明。安装 Tailwind CSStailwindcss 通过 npm 安装，并创建您的 tailwind.config.js 文件。npm install -D tailwindcss npx ...

2022年06月16日 1250阅读

彼萌赠书之Css三部曲

彼萌赠书之Css三部曲

今天网友彼萌在群里问学习css需要哪本书，我和群友都推荐了张鑫旭的《CSS新世界》，《CSS选择器世界》，《CSS世界》这三本书，不过实际上我根本没读过，只是因为之前总逛张鑫旭博客看他文章寻宝，同时确实他的书销量也不错所以就推荐了。然后我就张口就来了。和彼萌也认识好多年了，最初应该是他买我Yo...

2022年05月07日 1465阅读

javascript禁止移动端网页滚动

javascript禁止移动端网页滚动

禁止网页滚动，电脑端其实只要给body加overflow: hidden;css即可，移动端测试发现谷歌可以，国产浏览器阵亡，其实我记得很久之前我遇到过这个问题，最后好像用纯css解决了，但是想不起来了，于是乎百度搜了个js的方法，故记录下！var mo=function(e); docume...

2020年07月27日 2479阅读

百度地图设置显示公司地址

百度地图设置显示公司地址

在百度地图开放平台（http://lbsyun.baidu.com/）登录账号新建应用，应用类型选择浏览器端，建立完成后我们会得到应用AK。css样式代码#allmap 地图显示代码<script type="text/javascript" src="//...

2020年06月01日 2996阅读

css两端对齐布局

css两端对齐布局

先上个Demo<!DOCTYPE html><html><head><title>两端对齐</title></head> <style type="text/css"> * .zuoyou ...

2018年05月20日 3731阅读

纯CSS显示JS/HTML等源代码行数

纯CSS显示JS/HTML等源代码行数

代码如下.code { padding: 10px 10px 10px 40px; font-size: 13px; line-height: 18px; background-color: #eee; font-family: "Lucida...

2018年05月11日 8098阅读

模板层面向typecho编辑器页面插入代码

模板层面向typecho编辑器页面插入代码

上篇文章《模板层面向 typecho 编辑器页面插入 css js》中讲到一种向编辑器中插入css的奇葩方式，某些时候那么写确实能解决不少问题。但是但是，文章编辑界面源代码中是加载了jquery的，但是在页面偏底部，而上篇文章中讲到的方法是插在jquery代码之上的，也就是说那种方法如果插入j...

2017年12月24日 7425阅读

css视口单位vw,vh的妙用(embed篇)

css视口单位vw,vh的妙用(embed篇)

视频demo 如上视频[av9214469]，使用的是embed标签，大家都知道embed的播放器很难自适应，不是过分拉伸改变视频比例，就是写死播放器长宽，导致不能随网页大小的变化自由变换尺寸。前天，在往博客上折腾B站视频时，无意间灵机一动，想到了个好主意，就是使用vw单位，配合使用calc。...

2017年05月19日 5855阅读

上一页下一页

模式选择

登录 / 登出

登录注册