class css
css里的position的static|relative|absolute|fixed的区别
前提：仅以div块为例，其它不清楚 * 默认position：static，div是块类型元素，不管它有多宽，都会直接占一行  对于熟悉 CSS 选择器和 JavaScript 的开发者来说，通过 CSS 选 ......
[css]总结-如何实现水平垂直都居中对齐?
最后一种方法最简单 #### 普通盒子-居中对齐: 方式一 >思路:外面的容器盒子 outer 让他只有一行. 里面元素改为非块元素. 因为vertical-align对块元素无效. 然后用vertical-align:middle;垂直居中 代码实现 ```html 你好啊 ``` #### 普通 ......
css 中伪类 :not()
### demo ``` test demo 这是一个没有 bg 或 line 的 cu-tag 这是一个带有 bg- 的 cu-tag 这是一个带有 bg-开头 的 cu-tag 这是一个带有 line- 的 cu-tag ``` ![](https://img2023.cnblogs.com/b ......
css 中class以某某某开头的选择器
``` .cu-tag[class*="line-"] { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } ``` * 解析 ``` 这是一个 CSS 样式代码，它选择任何包含有 `class` 属性且包含 "line ......
css 中 +
* 在CSS中，加号（+）是一个相邻兄弟选择器，用于选择指定元素后面满足条件的第一个相邻兄弟元素。 ### demo ``` test demo 这是第一段落 这是第二段落 这是第三段落 这是第四段落 ``` 
# 操作符重载 本质上，类就是在C++代码里定义了新的类型，在代码中，类型不仅用来构造和赋值，还可以用操作符进行运算，考虑基础类型的加减乘除 ```c++ int a, b, c; a = b + c; ``` 上面这个例子用了加法操作符和赋值操作符，对于基础类型，这些操作的含义非常显而易见且无歧义 ......
SpringBoot项目启动失败报错Annotation-specified bean name ‘xx‘ for bean class [xxx] conflicts with existing
Annotation-specified bean name 'datahubServiceImpl' for bean class [com.peony.common.service.impl.DatahubServiceImpl] conflicts with existing, non-com ......
CSS基础知识笔记
CSS (Cascading Style Sheets) 指层叠样式表，是一种描述如何显示 HTML 元素的语言。 参考教程: ## CSS 语法 CSS 规则集（rule-set）由选择器和声明块组成： ; } ``` 这段代码用来设置 `.page-header` 中 `` 元素的定位及位置。解释如下： - `.pag ......
css常用
CSS中height和line-height的区别 height是元素自身的高度，line-height则是元素内部文字的行高。 比如：height:100px; line-height:20px;表示具有height样式的元素的高度为100像素，里面的文字行高为20像素，就是可以排5行文字。 补充 ......
h5表单验证纯css示例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ......
【css】calc() 函数
calc() 函数用于动态计算长度值。 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)； 任何长度值都可以使用calc()函数进行计算； calc()函数支持 "+", "-", "*", "/" 运算； calc()函数使用标准的数学运算优先级规 ......
【css】@keyframes
一、transform 和@keyframes动画的区别： @keyframes动画是循环的，而transform 只执行一遍. 二、@keyframes CSS3中添加的新属性animation是用来为元素实现动画效果的，但是animation无法单独担当起实现动画的效果。承载动画的另一个属性—— ......
【css】旋转，亮度变化
先定位 1 position: absolute;//绝对定位(很重要) 2 left: 124px;//定位位置，一般为盒子宽高的一半，可以是50%，50% 3 top: 102px; 4 transform: translate(-50%, -50%);//变换方向 5 //旋转 6 anima ......
html css 实现图片扫描特效
实现这个特效需要做3个层，所以要用到CSS绝对定位和层级z-index以及设置top、left、bottom、right的值。大体结构是一个容器，容器里放3个层，底层是4个角的边框效果容器，中间层是要扫描的图片容器，顶层是扫描线容器，这3个层通过z-index来实现层级，它们的高宽度都取父容器的高宽 ......
Duplicate class androidx.lifecycle.ViewModelLazy found in modules lifecycle-viewmodel-2.5.1-runtime
AS版本： Android Studio Bumblebee | 2021.1.1 Patch 1Build #AI-211.7628.21.2111.8139111, built on February 2, 2022Runtime version: 11.0.11+9-b60-7590822 a ......
CSS三大特性
CSS 的三大特性包括： 层叠性（Cascading） 层叠性是指用于控制多个样式定义同时应用到某个元素时，如何决定哪个样式定义将被应用的机制。CSS 样式表中的规则可以根据其特定优先级与其他规则进行层叠，最终得到应用于元素的样式。常用的应用场景有： 通过应用不同的样式类来覆盖或扩展第三方 CSS ......
APP自动化-异常截图-利用内存空间（class)
根据 APP自动化-异常截图-利用内存空间（list),这里还可以使用类的方法。 在Package目录下建立一个什么情况下可以操作内存空间.py的文件，里面建立一个类 class Comtext: # 类名可以随便定义 pass 然后在conftest1中设置引入类，然后使用python内置函数 s ......
css background-image 大小自适应
html设置背景图片，默认情况会按照图片的原始大小显示。 但遇到有些情况要背景图片也要适应页面大小的时候可以使用以下样式 -moz-background-size:100% 100%; background-size:100% 100%; ......
css 样式文件中的特殊符号 - 波浪号(也叫 tilde,squiggle,twiddle)
例子： .check:checked ~ .content { } ~ 选择器实际上是后继同胞组合器（在2017年之前称为一般同胞组合器）： 后继同胞组合器由“波浪号”（U+007E，~）字符组成，它将两个简单选择器序列分隔开。由这两个序列表示的元素在文档树中具有相同的父级，并且由第一个序列表示的元 ......
JS来动态设置CSS样式
用JS来动态设置CSS样式，常见的有以下几种 1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号，就写成驼峰的形式（如textAlign） 如果想保留 - 号，就中括号的形式 element.style['text-align'] = '100px'; ......
电商JD商城登录页面html+css
这也太难了吧，怎么连抄咱也不会抄啊QAQ 看了这么久的前端，总是感觉看得懂，写不出来，抄也不会抄 这不，这又抄写了一个京东电商商城的登录页面，本来想好好学习一下页面的布局以及编写结构和思维， 结果html代码还行，至少可以看的懂，到了css上就完全不知道怎么设置样式了，感觉有的样式完全可以不设置， ......
CSS 默认样式
outline: Chrome浏览器默认为-webkit-focus-ring-color auto 1px; webkit-focus-ring-color默认为rgb(16, 16, 16);这个值不会变，但是浏览器可能对其他的属性进行了处理，导致了focus元素时会根据背景色的不同产生不同的对 ......