优先级 继承性css特性
基于CSS实现回到页面顶部的几种写法(从实现到增强)
前面整理了一个JS实现回到顶部的功能，但没有给出具体的界面样式，这次从网上找几个好看的参考，自己动手也实现一下： 效果图如下： 代码如下： <!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <title>css arrow< ......
浅谈css的伪元素::after和::before
css中的::after和::before已经被大量地使用在我们日常开发中了，使用他们可以使我们的文档结构更加简洁。 但是很多人对::after和::before仍不是特别了解，究竟他们是做什么的？如何使用他们？什么时候应该使用他们？笔者总结了一些对伪元素的理解和使用经验。 一、概念： 1.定义 从 ......
vscode vue 插件与 emmet、tailwind css 插件冲突的解决方案
今天使用 vscode 开发 nuxt3 项目，发现在 vue 文件中，emmet 提示功能不可用。 emmet 提示功能，如下图所示： 百度、google一阵子，发现是个全球性存在的问题，是 vue 插件 volar 导致的 vscode 自带的 emmet 提示功能不可用。 如果在vscode中 ......
使用CSS中的@keyframes规则创建了一个无限旋转动画
现在scss中定义： @keyframes rotate { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } 应用到元素element中： .element { animation: rotate 2s linear ......
01-React-组件-CSS模块化
Css Module (推荐) React 的脚手架已经内置了 css modules 的配置： .css/.less/.scss 等样式文件都修改成 .module.css/.module.less/.module.scss 等； 在以前我们的文件是这样的 index.css 如果使用了 CSS ......
CSS的表格属性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
CSS的文本属性
1.指定元素文件的水平对齐方式:text-align(left right center) 2.text-decoration:文本修饰（underline下划线 overline 上划线 line-through 删除线） 3.text-transform:控制文本的大小写：(captialize ......
JDK21更新特性详解
有的时候博客内容会有变动，首发博客是最新的，其他博客地址可能会未同步,认准https://blog.zysicyj.top 首发博客地址 文章更新计划 文章更新计划 | 430: | String Templates (Preview) | 1. 什么是 String Templates? Stri ......
uniapp经常性报node:events:504， 使用了uno.css
vite.config.js build: { watch: { exclude: ['node_modules/**', "/__uno.css"] }, } ......
css小结02
CSS三种显示模式可以互相转化 CSS中元素分为 块元素（独占一行），行内元素（不独占一行），行内块元素（在一行内显示，可以设置宽高）。 三种元素之间可以互相转化 <!-- 通过display属性来互相转化 --> <!-- 如下 通过给display 属性赋不同的值 inline-block 转为 ......
css继承，position:fixed固定定位
CSS 继承是指元素可以继承其父元素的某些样式属性值。当一个元素应用了某个样式属性值，而其子元素没有显式地指定该属性值时，子元素会从父元素继承该属性值。 以下是一些常见的 CSS 属性可以被继承的例子： 1.字体样式属性：font-family、font-size、font-weight、font- ......
ABAP-直接取表获取特性值
1 SELECT ausp~objek , 2 cabn~atnam, 3 cabn~atfor, " 数据类型 4 cabn~msehi, "单位 5 cabn~atint, "间隔值 6 ausp~atwrt, "char特性值 7 ausp~atflv, "num特性值从 8 ausp~atf ......
css01小结
<!-- CSS的引入 外链式 定义一个css文件，直接写 然后在head标签内用 link引入 <link rel="stylesheet" href=""> 内嵌式 head标签内 写style标签 行内式 直接在标签内 写style定义，没有做到结构与样式分离 ，所以不用 CSS 样式的功能 ......
BootstrapBlazor组件库，项目模板css样式隔离问题
BootstrapBlazor组件库，项目模板css样式隔离问题 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的项目模板的时候，遇到了隔离样式不生效的问题。 解决方案 只需要添加一行代码即可解决问题。 <link href="xxx.styles.css" rel="styles ......
css3文字渐变, svg文字渐变
1.svg 文字渐变 <!-- 横向渐变（x1,y1,x2,y2控制渐变方向） --> <svg> <defs> <linearGradient id="grad_red_blue_lr" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" st ......
组合与继承
一、Composition（复合），表示has-a queue里面有sequence，“我的里面有另一种东西”，就是复合。 黑色菱形这一端就是容器，它拥有了别的东西。 Composition关系下的构造和析构 二、Delegation（委托）. Composition by reference. 三 ......
java8 新特性之日期时间处理 LocatDate、LocalTime、LocalDateTime、ZonedDateTime、DateTimeFormatter
一、LocalDate、LocalTime、LocalDateTime 和常用API 1、LocalDate public void test01(){ //1.创建指定的日期 LocalDate date1 = LocalDate.of(2021,05,06); System.out .print ......
CSS的背景属性
背景属性包括：color 颜色属性、image图片、position显示位置，repeat填充，size属性 基本格式为background-+属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=" ......
CSS的字体属性
字体属性：颜色、大小、加粗、文字样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0 ......
看到过的css 属性2
css 新单位 vmin 表示 获取视口的最长边或者最短边 vmax shape-outside:circle(50% as 50% 50%) 这个表示文字的环绕方式， 比如浮动后，文字会环绕浮动元素排列， 但是如果浮动元素形状变成圆形，默认的环绕方式还是会是方正的， 使用这个属性就可以实现弧形的环 ......
打工笔记--------------------------SugarColumn特性
IsIdentity 是否创建自增标识 IsPrimaryKey 是否创建主键标识 ColumnName 创建数据库字段的名称（默认取实体类属性名称） ColumnDataType 创建数据库字段的类型 IsIgnore ORM不处理该列 IsOnlyIgnoreInsert 插入操作时不处理该列 ......
Java 21 新特性：Record Patterns
Record Patterns 第一次发布预览是在JDK 19、随后又在JDK 20中进行了完善。现在，Java 21开始正式推出该特性优化。下面我们通过一个例子来理解这个新特性。 record Point(int x, int y) {} static void printSum(Object o ......
css实现文字切换
.textc { --num: '今日大吉'; animation: text-change 3s linear forwards; } .textc::after{ content: var(--num); font-size: 20px; } @keyframes text-change { 3 ......
Node.js 20 —— 几个令人大开眼界的特性
前言：欢迎来到 Node.js 20 Node.js 20 已经发布，带来了创新和激动人心的新时代。这个开创性的版本于2023年4月18日首次亮相，并将在2023年10月发布长期支持（LTS）版本，并且将持续支持至2026年4月，下面小编就为大家介绍一下Node.js20的几个新特性： 1.Node ......
css学习总结
实现开门效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do ......
Java 8 和 11 开始提供的新特性面试
说下 Lambda function Lambda 是 JDK 8 以后的版本才提供的功能。 在 JDK 8 之前是没有的。 Java Lambda表达式 的一个重要用法是简化某些匿名内部类 （Anonymous Classes ）的写法。实际上Lambda表达式并不仅仅是匿名内部类的语法糖，JVM ......
面向对象的三大特点：封装、继承、多态及它们的作用
1、封装：将数据和方法包装在一起的面向对象编程的思想； 作用：提高安全性，隔离复杂度 工作应用：权限把控 私有属性、私有方法的使用等。 2、继承： 继承是一种创建新的类的方式，新创建的叫子类，继承的叫父类、超类、基类。继承的特点就是子类可以使用父类的所有属性（特征、技能）。继承是类与类之间的关系。 ......
java中接口是否继承Object类
Java中，接口是否继承自Object？ 空口无凭，上代码： public interface InterfaceFather { } 一个空接口，反编译一下： 所以，老师说，接口是继承Object滴 可我还是感觉上面那位兄弟说的没毛病，， 那我只能自己动手，丰衣足食了，还是上面那个空接口，再新建一 ......