TailwindCss
发表于|更新于
|浏览量:
懒惰象生锈一样，比操劳更能消耗身体；经常用的钥匙，总是亮闪闪的。——富兰克林
分享一个CSS框架，内置了很多css样式：
使用方式：
https://www.tailwindcss.cn/docs/installation
注意其不支持IE浏览器
仓库地址：https://github.com/tailwindlabs/tailwindcss
甚至你可以直接在Playground中进行尝试：
相关推荐
2021-12-19
flex布局
他想给M打一个电话，告诉她，他要回家了。不再回来了。最后他只是发了短信道：“M，我不爱你，从来没有爱过，因为我心里装着别人。”窗外掠过的景，就好像他的泪一样，总是一闪而过。——灵遁者 flex布局是开发中最常用的布局之一 阮一峰的flex布局教程 下方摘自uniapp官方文档flex布局一栏 FlexboxFlex 容器Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 nvue布局模型基于 CSS Flexbox，以便所有页面元素的排版能够一致可预测，同时页面布局能适应各种设备或者屏幕尺寸。Flexbox 包含 flex 容器和 flex 成员项。如果一个nvue元素可以容纳其他元素，那么它就成为 flex 容器。 文档中未说明的 flexbox 属性均不支持：如 order、flex-grow 、flex-shrink 、 flex-basis、align-content、align-self 等。 在 nvue中，Flexbox 是默认且唯一的布局模型，所以你不需要手动为元素添加 display: flex; 属性。...
2023-10-13
ar.js
没有希望的地方，就没有奋斗。——约翰生 https://github.com/AR-js-org/AR.js AR.js 是用于 Web 上的增强现实的轻量级库，其中包括图像跟踪、基于位置的 AR 和标记跟踪等功能 AR.js Documentation
2024-10-03
requestFullscreen
每一次克制自己，就意味着比以前更强大。——高尔基 https://developer.mozilla.org/zh-CN/docs/Web/API/Element/requestFullscreen Element.requestFullscreen() 方法用于发出异步请求使元素进入全屏模式。 比如我们全屏幕整个页面： 1document.documentElement.requestFullscreen(); 又或者我们为其封装一个切换全屏的函数 1234567function toggleFullScreen() { if (!document.fullscreenElement) { document.documentElement.requestFullscreen(); } else if (document.exitFullscreen) { document.exitFullscreen(); }} 甚至仅仅只是全屏某一元素，比如这里全屏一个video 1234567891011...
2023-01-18
css文字环绕png图片
好意对待犯错误的人，可以得人心，可以团结人——毛泽东 从这里看到的：https://css-tricks.com/print-magazine-layouts-converted-to-web-layouts/ 效果如下： 用到了shape-outside以及float 代码如下： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ...
2023-06-21
hexo-bilibili-bangumi
练习是良好的老师。——贺拉斯 分享一个hexo插件： https://github.com/HCLonely/hexo-bilibili-bangumi hexo 番剧页面插件，可选数据源：Bilibili, Bangumi Demo 安装 1$ npm install hexo-bilibili-bangumi --save 配置 将下面的配置写入站点的配置文件 _config.yml 里(不是主题的配置文件). 12345678910111213141516171819202122232425262728293031323334353637383940414243bangumi: # 追番设置 enable: true source: bili bgmInfoSource: 'bgmApi' path: vmid: title: '追番列表' quote: '生命不息，追番不止！' show: 1 lazyload: true srcValue: '__image__'...
2023-07-15
umijs环境变量问题
我们关心的，不是你是否失败了，而是你对失败能否无怨。——林肯 今天遇到一个问题，umijs框架下的环境变量配置不好使 首先是我package.json里的配置是这样的： 12345 "scripts": { "start": "cross-env NODE_ENV=dev umi dev", "build:test": "cross-env NODE_ENV=test umi build", "build:production": "cross-env NODE_ENV=prod umi build"} 然后在我其中一个js文件中进行引用： 12console.log({ NODE_ENV: process.env.NODE_ENV });console.log({ 'process.env': process.env }); 然后当我指...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog