tailwindcss 3.0已经正式发布。安装方式也有一些改变。此贴将对3.0的安装方式做一些说明。安装 Tailwind CSStailwindcss 通过 npm 安装，并创建您的 tailwind.config.js 文件。npm install -D tailwindcss npx ...
今天网友彼萌在群里问学习css需要哪本书，我和群友都推荐了张鑫旭的《CSS新世界》，《CSS选择器世界》，《CSS世界》这三本书，不过实际上我根本没读过，只是因为之前总逛张鑫旭博客看他文章寻宝，同时确实他的书销量也不错所以就推荐了。然后我就张口就来了。{center}{/center}和彼萌也...
禁止网页滚动，电脑端其实只要给body加overflow: hidden;css即可，移动端测试发现谷歌可以，国产浏览器阵亡，其实我记得很久之前我遇到过这个问题，最后好像用纯css解决了，但是想不起来了，于是乎百度搜了个js的方法，故记录下！var mo=function(e){e.preve...
在百度地图开放平台（http://lbsyun.baidu.com/）登录账号新建应用，应用类型选择浏览器端，建立完成后我们会得到应用AK。css样式代码#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-famil...
代码如下.code { padding: 10px 10px 10px 40px; font-size: 13px; line-height: 18px; background-color: #eee; font-family: "Lucida...
上篇文章《模板层面向 typecho 编辑器页面插入 css js》中讲到一种向编辑器中插入css的奇葩方式，某些时候那么写确实能解决不少问题。但是但是，文章编辑界面源代码中是加载了jquery的，但是在页面偏底部，而上篇文章中讲到的方法是插在jquery代码之上的，也就是说那种方法如果插入j...
视频demo 如上视频[av9214469]，使用的是embed标签，大家都知道embed的播放器很难自适应，不是过分拉伸改变视频比例，就是写死播放器长宽，导致不能随网页大小的变化自由变换尺寸。前天，在往博客上折腾B站视频时，无意间灵机一动，想到了个好主意，就是使用vw单位，配合使用calc。...
什么是视口单位？在CSS规范中，有4种类型的可用视口单位：vw — 1vw 等于视口宽度的 1%vh — 1vh 等于视口高度的 1%vmin — vw 和 vh 中的较小值vmax — vw 和 vh 中的较大值视口，即浏览器屏幕大小，1vw 等于浏览器宽度的 1%，100vw 即整个浏览器...
昨天下午，突然想用css写出个腾讯TIM的界面，于是开始搞，只写了个单页，没有javascript。预览地址：https://zezeshe.com/areyouok/tim/为了保证美观度我限制了屏幕尺寸宽度低于800px或者高于1920px不会显示，大屏幕的需要调小窗口才能看哈。断断续续的...