记录一下比较好看的CSS美化
分类: 📙经验教程
简介:文字框美化样式效果 迷幻紫 西瓜红天空之境小宇宙撖榄绿小太阳优雅紫深邃黑无边框CSS代码#zm_mhz,#zm_xgh,#zm_tkzj,#zm_xyz,#zm_gll ,#zm_xty,#zm_yyz,#zm_szh,#zm_wbk{ border radius: 8px;
}
#zm_mhz{ color: #555555; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; box shadow: 6px 0 12px 5px rgb(190, 196, 252), 6px 0 12px 5px rgb(189, 196, 252); background color: #8EC5FC; background image: linear gradient(62deg,#8EC5FC 0%,#E0C3FC 100%); background image: webkit linear gradient(62deg,#8EC5FC 0%,#E0C3FC 100%);
}
#zm_xgh{ color: #555555; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; box shadow: 6px 0 12px 5px rgb(255, 176, 172), 6px 0 12px 5px rgb(255, 161, 174); background color: #ff9a8b66; background image: linear gradient(220deg,#FF9A8B 0%,#ff6a8838 55%,#FF99AC 100%); background image: webkit linear gradient(220deg,#ff9a8b7a 0%,#ff6a88ab 55%,#ff99ac82 100%);
}
#zm_tkzj { color: #555555; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; box shadow: 6px 0 12px 5px rgb(253, 223, 234), 6px 0 12px 5px rgb(215, 240, 243); background color: #FFDEE9; background image: linear gradient(0deg,#ffdee9c4 0%,#b5fffc8f 100%); background image: webkit linear gradient(0deg,#ffdee9c4 0%,#b5fffc8f 100%);
}
#zm_xyz { color: #eeeeee; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; box shadow: 6px 0 12px 5px rgb(12, 85, 141), 6px 0 12px 5px rgba(10, 58, 93, 0); background image: radial gradient( circle 263px at 100.2% 3%, rgba(12,85,141,1) 31.1%, rgba(205,181,93,1) 36.4%, rgba(244,102,90,1) 50.9%, rgba(199,206,187,1) 60.7%, rgba(249,140,69,1) 72.5%, rgba(12,73,116,1) 72.6% );
}
#zm_gll { color: #eeeeee; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; box shadow: 6px 0 12px 5px rgb(68, 110, 92), 6px 0 12px 5px rgb(204, 212, 163); background image: linear gradient( 102deg, rgba(68,110,92,1) 17.4%, rgba(107,156,120,1) 49.3%, rgba(154,183,130,1) 83.4%, rgba(247,237,191,1) 110.3% );
}
#zm_xty { color: #ffffff; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; box shadow: 6px 0 12px 5px rgb(253, 223, 234), 6px 0 12px 5px rgb(215, 240, 243); background image: radial gradient( circle farthest corner at 8.9% 51.2%, rgba(255,124,0,1) 0%, rgba(255,124,0,1) 15.9%, rgba(255,163,77,1) 15.9%, rgba(255,163,77,1) 24.4%, rgba(19,30,37,1) 24.5%, rgba(19,30,37,1) 66% );
}
#zm_yyz { color: #ffffff; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; box shadow: 6px 0 12px 5px rgb(175, 160, 208), 6px 0 12px 5px rgba(177, 161, 207, 0); background image: radial gradient( circle farthest corner at 10% 20%, rgba(95,117,227,1) 0%, rgba(188,167,205,1) 90% );
}
#zm_szh { color: #c7c7c7; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; box shadow: 6px 0 12px 5px rgb(155, 170, 185), 6px 0 12px 5px rgba(177, 161, 207, 0); background image: radial gradient( circle farthest corner at 10% 20%, rgba(0,0,0,1) 0%, rgba(64,64,64,1) 90.2% );
}
#zm_wbk { color: #000000; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px;
}
#zm_xyz a , #zm_gll a{ color: #eeeeee;
}
#zm_szh a{ color: #c7c7c7; }
#zm_xty a, #zm_yyz a{ color: #ffffff;
}前端引用HTML代码<div id="zm_mhz"> 迷幻紫</div>
<div id="zm_xgh"> 西瓜红</div>
<div id="zm_tkzj">天空之境</div>
<div id="zm_xyz">小宇宙</div>
<div id="zm_gll">撖榄绿</div>
<div id="zm_xty">小太阳</div>
<div id="zm_yyz">优雅紫</div>
<div id="zm_szh">深邃黑</div>
<div id="zm_wbk">无边框</div>
java 中初始化 List 集合的几种方式
分类: 📙经验教程
简介:常规方式List<String> list = new ArrayList<>();
list.add("2");
list.add("3");
list.add("4");
list.add("5");匿名内部类方式List<String> list = new ArrayList<>() {{ add("2"); add("3"); add("4"); add("5");
}};数组方式返回可变列表List<String> list = new ArrayList<>(Arrays.asList("2", "3", "4", "5"));
}};Stream 流方式List<String> list = Stream.of("2", "3", "4", "5").collect(Collectors.toList());使用之前需要先引用 guava 依赖包:<dependency> <groupId>com.google.guava</groupId> <artifactId>guava</artifactId> <version>30.1.1 jre</version>
</dependency>JDK 9 List.ofJDK9 以上才有这个方法,而且返回的是不可变列表List<String> list = List.of("2", "3", "4", "5");Collections 工具类用于返回由指定对象的 n 个副本组成的不可变列表,因为列表不可变,所以只用于一些固定元素的场景List<String> list = Collections.nCopies(3, "2");
IDEA 提高效率小技巧,常用插件分享
简介:软件简介IDEA 全称 IntelliJ IDEA,是 java 编程语言的集成开发环境。IntelliJ 在业界被公认为最好的 Java 开发工具,尤其在智能代码助手、代码自动提示、重构、JavaEE 支持、各类版本工具 (git、svn 等)、JUnit、CVS 整合、代码分析、 创新的 GUI 设计等方面的功能可以说是超常的。IDEA 是 JetBrains 公司的产品,这家公司总部位于捷克共和国的首都布拉格,开发人员以严谨著称的东欧程序员为主。它的旗舰版还支持 HTML,CSS,PHP,MySQL,Python 等。免费版只支持 Java,Kotlin 等少数语言。软件安装推荐教程: IDEA2019(英文版) 软件指导教程PS:他们家提供的安装教程堪称保姆级别,推荐装软件到: Win 软件大全配置构建工具IDEA 配置 Maven常用快捷键#一键格式化代码
Ctrl+Alt+L
#一键生成getter、setter等方法,需要先定义实体属性
Alt+Insert
CSS插件分享Alibaba 代码规范提示开发代码时,为了以后的可读性以及可维护性,我们需要规范自己的代码文档,Alibaba 研发一套代码规范来帮助我们规范自己的代码,idea 插件市场已经上线,使用提示也很好:File >Settings >Plugins 搜索 Alibaba Java Coding Guidelines 安装即可Translation 翻译插件这对英语不好的人尤其是我极其友好,只需要鼠标滑动选择,按住 Ctrl+Shift+Y,即可翻译:File >Settings >Plugins 搜索 Translation 安装即可其他添加文件头部注解Java 规范说明有每个类文件应该有一个 Javadoc 表示文件的主要功能,我们可以在 File >Settings >Editor >File and Code Templates 设置,没有 File Header 新建即可:File Header 内容: