添加前，网页代码如下： 添加代码 let jsStr = """ function echo(str) {console.log(str);window.webkit.messageHandlers.testecho.postMessage("str");} """ let userScript = WKUserScript.init(source: jsStr, inje...
原创
2021-05-30 21:41:11
337阅读
## UserScript 引入外部jquery
作为一名经验丰富的开发者，你可能会经常碰到需要使用 UserScript 引入外部 jQuery 的情况。在这篇文章中，我将向你展示如何实现这一功能，并提供详细的步骤和代码。
### 流程概述
下面是实现 UserScript 引入外部 jQuery 的步骤概述：
| 步骤 | 描述 |
|------|------|
| 1. | 创
原创
2023-09-27 00:45:21
112阅读
文章目录介绍Sass是什么Scss是什么Scss 与 Sass异同为什么使用 Sass?Sass 安装NPM 安装(推荐使用)Windows 上安装Mac OS X (Homebrew)安装Sass 转化为 CSS转化步骤自动编译编译输出的CSS格式:nested：嵌套（默认格式）:compact：紧凑:expanded：扩展:compressed：压缩Sass 语法注释变量`$`嵌套1. 选择
转载
2024-06-08 17:15:27
276阅读
做设计的时候总是容易没有灵感。到CSS库去看看别人做得设计也许会帮你找到不少灵感。如果你的设计足够优秀让这些CSS库收录的话，那么这还会为你带来很多访问者。
cssremix 发现的一个国外CSS标准网站收集站点.
cssBeauty CSS design showcase.
csselite 是一个CSS优秀团队，在这里你能欣赏到精彩的CSS作品。
w
转载
2011-06-20 17:55:40
256阅读
CSS 用于控制网页的样式和布局，而CSS3 是最新的 CSS 标准。CSS3的规范仍在开发中，有些CSS3并不能完美兼容所有浏览器。CSS3被拆分为"模块"。旧规范已拆分成小块，还增加了新的。
一些最重要CSS3模块如下：
选择器 盒模型 背景和边框 文字特效
2D/3D转换 动画 多列布局 用户界面
CSS3选择器
添加了关系型选择器、属性选择器、伪元素选择器、伪类选择器等
开门见山的说，transition、transform和translate这三者经常有人搞混，先把这三者做一个简单解释：
transform是 转换，指的是改变所在元素的外观，它有很多种手段(转换函数)来改变外观，例如 位移、缩放、旋转 等，而其中的位移的函数名就叫translate，所以说，translate是transform的一部分。
transition是 过渡，指的是某个CSS属性值如何
转载
2024-06-24 18:27:06
196阅读
转换（transform）是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果，可以简单理解为变形一、2D转换1、移动（translate）2D移动是2D转换里面的一种功能，可以改变元素在页面中的位置，类似定位①语法：  
转载
2024-06-28 00:03:55
59阅读
为什么说能使用html/css解决的问题就不要使用JS呢？两个字，因为简单。简单就意味着更快的开发速度，更小的维护成本，同时往往具有更好的体验，下面介绍几个实例。1. 导航高亮导航高亮是一种很常见的问题，包括当前页面的导航在菜单里面高亮和hover时高亮。你可以用js控制，但是用一点CSS技巧就可以达到这个目的，不需要使用JS。在正常态时，每个导航的默认样式为：nav li{ opacit
IE系列 filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FF0000',endColorStr='#F9F900',gradientType='0');参数：startColorStr起始颜色 endColorStr结束颜色 gradientType为0时代表垂直，为1时代表水平 Firefox backgr
转载
2016-02-19 15:37:00
283阅读
2评论
css visibility属性，一个重要的占位隐藏属性！
它和display:none不一样，display只要none了，空间就腾出来了；
可是，visibility:hidden;却依旧可以占位，很多时候这个属性特别有用；
转载
2012-08-06 15:09:00
662阅读
2评论
CSS3是样式表（style sheet）语言的最新版本，它的一大优点就是支持圆角。网页设计大师Nicholas Zakas的最新文章，清晰易懂地解释了CSS3圆角的各个方面，非常值得学习。
转载
2013-07-24 12:20:00
104阅读
一、变量的声明
声明变量的时候，变量名前面要加两根连词线（--）。
body {
--foo: #7F583F;
--bar: #F7EFD2;
}
上面代码中，body选择器里面声明了两个变量：--foo和--bar。
它们与color、font-size等正式属性没有什么不同，只是没有默认含义。所以 CSS 变量（CSS variable）又叫做"CSS 自定义属性"（CSS custom
转载
2022-12-05 11:09:15
145阅读
一、什么是SASSSASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。本文总结了SASS的主要用法。我的目标是，有了这篇文章，日常的一般使用就不需要去看官方文档了。二、安装和使用2.1 安装SASS是Ruby语言写的，但是两者的语法没有关系。不懂Ruby，照样使用。只是必须先安装Ruby，然后再安装SASS。假定你已经安装好了Ruby，
Java学习笔记-Day44 CSS 层叠样式表（一）一、CSS的基本概念1、CSS的主要作用2、CSS的版本介绍二、CSS的基本语法规则三、CSS的注释四、CSS的引入方式1、内联样式表2、嵌入样式表3、外联样式表3.1、引入css文件声明3.2、代码示例4、导入样式表4.1、导入css文件4.2、代码示例5、外联样式表与导入样式表的区别五、选择器1、标签选择器2、类选择器3、ID选择器4、选
转载
2024-04-20 21:06:54
66阅读
本系列上一篇涵盖了渐进增强的基本概念，现在我们来讨论如何应用。有多种方式可以将渐进增强融入到层叠样式表（Cascading Style Sheets, 简称CSS）的工作中，本文将讨论其中比较成功的一些，并考虑采用其它方式来逐步增强你的站点。样式表的组织如何在文档中引入样式表，很多Web设计者和开发者并没有想太多，但这其实是一门艺术。使用正确的方法，可以立即获得渐进增强的很多好处。使用多个样式表
转载
2009-01-14 11:47:00
70阅读
2评论
webpack.config.js: const path = require('path'); const autoprefixer = require('autoprefixer'); const cssnano = require('cssnano'); const MiniCssExtrac
原创
2022-06-05 00:33:09
285阅读
# CSS转Java类：实现动态样式控制
在现代前端开发中，CSS和Java的结合越来越常见，尤其是在使用Java后台服务渲染前端页面时。有时候，我们需要根据业务逻辑动态生成CSS样式来定制前端表现。本文将探讨如何将CSS样式转化为Java类，并通过示例展示这一过程。
## 一、CSS与Java类的关系
CSS（层叠样式表）用于控制HTML文档的外观，而Java则是一种强类型、面向对象的编程
原创
2024-09-24 07:41:28
44阅读
Koala：将CSS转换成Less的熊猫宝贝！前端开发中，CSS编写是必不可少的技能，但有时候它可能会令人头疼（比如写官网需要用html+css时）。不过别担心，有一只特别的熊猫宝贝，名叫Koala（考拉），它可以将CSS编译成更强大、更灵活的语言Less。本文将向你介绍Koala的功能和用法，让你轻松掌握这只可爱的熊猫宝贝。Koala是谁？ Koala是一款免费开源的前端工具，它提供了将CSS编
单行形式书写风格的排版约束1. 每一条规则的大括号 { 前后加空格2. 多个selector共用一个样式集，则多个selector必须写成多行形式3. 每一条规则结束的大括号 } 前加空格4. 属性名冒号之前不加空格，冒号之后加空格5. 每一个属性值后必须添加分号
转载
2014-11-30 16:38:00
87阅读
2评论
CSS3 转换通过 CSS3 转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。 转换是使元素改变形状、尺寸和位置的一种效果。 可以使用 2D 或 3D 转换来转换元素。浏览器支持 Internet Explorer 10、Firefox 以及 Opera 支持 transform 属性。 Chrome 和 Safari 需要前缀 -webkit-。注释：Internet Explorer 9
