98.css 是一个用于构建类似 Windows 98 界面的 CSS 库。
该库依赖于语义 HTML 的用法,例如要编写按钮,需要使用 <button>,输入元素需要标签,图标按钮依赖于 aria-label。支持的组件包括:Button、Checkbox、OptionButton、GroupBox、TextBox、Dropdown、window(Title Bar、Window contents)与 TreeView。
98.css 不包含任何 JavaScript,仅使用一些 CSS 来设置 HTML 样式,这意味着它与前端框架不会有兼容问题。
如下是 98.css 与 React 一起使用的示例:
https://codesandbox.io/s/objective-chandrasekhar-t5t6h?file=/src/index.js
与纯 JavaScript 一起使用的示例:
https://codesandbox.io/s/late-sound-miqho?file=/index.html
使用 98.css 最快的方法是从 unpkg 导入:
<link
rel="stylesheet"
href="https://unpkg.com/98.css"
>
为网页添加样式 1. CSS规则 h1{ color: blueviolet; background-color: cyan; text-align: center; } 上面的代码称为一条CSS规则 CSS规则 = 选择器 + 声明块 1.1 选择器 选择器:选中元素,确定样式的范围 3种基本选择器: id选择器:#id{},选中的是对应id的元素,因为元素的id属性是
api文档说明地址: http://www.dowebok.com/98.html 动画演示地址: http://www.dowebok.com/demo/2014/98/ 百度云盘下载地址: https://pan.baidu.com/s/1ntFjwAt animate.min.css 下载地址: https://download.csdn.net/download/weixin_426457
>animate.css 是一个来自国外的 CSS3 动画库,它预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)等多达 60 多种动画效果,几乎包含了所有常见的动画效果。 虽然借助 animate.css 能够很方便、快速的制作 CSS3 动画效果,但还是建议看看 anima
二、animate.css动画插件 https://animate.style/ https://www.dowebok.com/demo/2014/98/ css3动画库,预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、旋转(rotateIn|rotateOut)、翻转(flip)、淡入淡出(fadeIn|fadeOut)等动画效果。 使用方法: 1、第一步. 引入anima
重置样式表的目的是减少浏览器在默认行高度、边距和标题字体大小等方面的不一致性。 代码来源http://meyerweb.com/eric/tools/css/reset/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body,
主要问题,本地运行npm run build 没有问题,可以正常打包运行,但是在jenkins里打包则报错, 查了资料,有说是引入svg双引号的问题,有说是绝对路径的问题,都试了一下,发现没有解决,后来发现,删除node_modules,本地再重新用cnpm install 下载依赖,发现本地打包的时候也出现了上面的问题,于是怀疑是cnpm除了问题,改用npm install,再打包就可以了,后面
官方演示 https://www.dowebok.com/demo/2014/98/ 安装依赖 npm install animate.css --save main.js引入依赖 import 'animate.css'; CDN引入 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate
CSS 合并 详细参考 内容压缩策略。 CSS 压缩 CSS 压缩采用的 clean-css 模块,默认配置为: { // 高级优化 advanced: false, // 属性合并 aggressiveMerging: false, // 兼容性,“ie7”、“ie8”、“*”(ie9+) compatibility: 'ie7', //
问题内容: 我正在尝试制作一个按钮,以便用户单击它时,按住鼠标按钮时它会更改其样式。如果在移动浏览器中触摸它,我也希望它以类似的方式更改其样式。对我来说,看似显而易见的事情是使用CSS:active伪类,但这没有用。我尝试了:focus,但是也没有用。我尝试:hover,它似乎起作用了,但是当我将手指从按钮上移开后,它仍然保持了样式。所有这些观察都是在iPhone 4和Droid 2上进行的。 有
提前谢谢。
问题内容: 我在一些Apple网站上注意到了这些网站.它们具有使用最近发布的WebKit滚动条CSS的自定义滚动条。但是,我根本无法复制它。有什么想法怎么做?我在这里有一个测试站点,但是我得到了默认的滚动条?谢谢 问题答案: 苹果正在使用以下CSS怪物:
如前所述,HTML元素被渲染为矩形,因此它有4个边:上(top),下(bottom),左(left)和右(right)。 border属性和位置 CSS边界有3个属性: border-color 使用颜色单位定义颜色 border-style 可以是实线(solid)、虚线(dashed)、点线(dotted)等 border-width 使用尺寸单位定义宽度 CSS边界有4个位置: border
我使用gulp/bower/composer/npm在Laravel应用程序中设置了语义UI。语义UI在/resources/semantial/中,它具有语义gulp文件和/dist//src/和/themes/。当我运行gulp build时,一切都正常完成,没有错误,JS被编译为/dist/semantic.JS和semantic.min.JS,并且应该有/dist/semantic.css