层次css
CSS
后代选择器 ul li { /* 后代选择器,包括孙子li,重孙子li都会生效 */ } //子代选择器 ul>li{ /* 子代选择器，只有下层li生效，下下层以后的是不生效的 } 相邻选择器 ul+li{l + li { /* 相邻选择器的第一个兄弟元素,只能向下选择 ,相邻的上面的是不生效的* ......
css 水平垂直居中的几种方法
水平垂直居中的几种方式 记录一下容器内只有单一元素时居中的几种方式 <div style="width: 300px; height: 300px" class="wrap"> <div style="width: 100px; height: 100px" class="box"></div> < ......
CSS 尺寸单位概述
在本文中，我们将探讨 CSS 尺寸单位的四大类别。我们将了解这些尺寸单位的用途、它们的最佳工作原理，以及如何在每种情况下选择最佳尺寸单位，从而在各种媒体和设备尺寸下优化我们的布局。 关于 CSS 尺寸单位 CSS 提供了多种指定元素大小或长度的方式，其中一些更为直观。CSS 单位可分为四大类： 绝对 ......
Tailwind CSS 解决了什么问题？
从页面样式设计的颗粒度 Granularity 来谈起 元素颗粒度 我们知道，构成网页页面元素的最底层，最原始的东西就是 HTML & CSS 为每一个元素指定不同的 内联 inline-style 或者 class 来控制它的呈现方式，最细程度可以到元素的 style属性来控制，颗粒度停留在元素 ......
一句话网页变灰 -css
文档说明：只记录关键地方; 发布时间： 2023-11-19 试验环境： chromium 内核浏览器 意义： 记录一下怎么实现的 工具： 编写CSS html { filter: grayscale(100%); } 参考文档 网站都变成灰色了，它是怎么实现的？ 一句话网页变灰 百度 一句话网页变 ......
CSS
CSS .article-info-tag,button { text-transform:uppercase } .day,.postMeta,.postSticky { position:relative } .postTitle a:link,html { -webkit-tap-highli ......
matlab层次分析法模型及相关语言基础
发现更多计算机知识，欢迎访问Cr不是铬的个人网站 代码放在最后面! 这篇文章是学习层次分析法模型的笔记。 1.什么时候用层次分析法 层次分析法是建模比赛中最基础的模型之一，其主要用于解决评价类问题（例如：选择哪种方案最好、哪位运动员或者员工表现的更优秀）。 层次分析法式利用各项指标的不同权重来进行判 ......
CSS选择器
CSS选择器是一种用于选择HTML或XML文档中特定元素的模式。允许你根据元素的标签名、类名、ID、属性等来选择元素，并将样式应用于这些选中的元素 基本选择器 通配配选择器 通配选择器:可以选中所有的HTML元素 通配选择器使用 符号 *,命中页面所有的元素 语法 * { 属性名:属性值; } 通配 ......
纯CSS3实现圆圈动态发光特效动画
参考文档：https://www.cnblogs.com/cyfeng/p/12625606.html html文件： <div class="item"></div> css文件： <!DOCTYPE HTML> <html> <head> <title>纯CSS3实现圆圈动态发光特效动画</ti ......
webpack4.0使用 css
（注：示例中的 app 文件夹是书写代码文件夹，public 文件夹是书写代码编译后的文件夹） 1、使用 css 1> 创建 index.css 样式文件 2> 入口 JS 文件中引入 index.css 3> 安装 css-loader 、 style-loader 依赖 （安装完成后，再配置相关 ......
纯css js 写出星空背景
每次刷新星星的位置都是随机的，可以根据自己需求调整星星的数量和位置，具体代码如下，直接复制就可运行 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Random Starry Sky</title> 5 <style> 6 body { 7 margin: ......
css改变图片的颜色
background-image: url($img), linear-gradient(#f00, #f00);//也可以实现渐变 filter: drop-shadow(70px 0 0 #EA5E30) ......
所见即所得的动画效果：Animate.css
我们可以在集成Animate.css来改善界面的用户体验，省掉大量手写css动画的时间。 官网：Animate.css 使用 1、安装依赖 npm install animate.css --save 2、引入依赖 import 'animate.css'; 3、在项目中使用 在class类名上an ......
css_使用backdrop-filter实现磨玻璃效果
<div id="container"> <div id="mask"></div> </div> #container { width: 500px; height: 300px; position: relative; border: 1px solid #ccc; background-ima ......
CSS之min-height的使用
1. 关于 min-height 的使用 效果 2. 不给 height 会造成的问题 期望 min-height 生效 3. 直接给 height 会产生的问题 期望被内容撑开的 height 生效 注：no 底边距，==> 到底边的距离，懒得改了555，强迫症大免疫 ......
05_二叉树的层次遍历II
二叉树的层序遍历 II 给你二叉树的根节点 root ，返回其节点值 自底向上的层序遍历 。 （即按从叶子节点所在层到根节点所在的层，逐层从左向右遍历） 示例 1： 输入：root = [3,9,20,null,null,15,7] 输出：[[15,7],[9,20],[3]] 示例 2： 输入：r ......
网页调试（css,html,js）获取资源链接等
进入调试模式 F12或者右键检查 在元素栏点击相应的组件可以查看html源码，图片视频音频链接等， 或者点击组件右键检查还可以查看组件css布局变化 html 元素源码可以看到class类名，触发事件以及style样式 在css上的改变是实时的，刷新页面会失效 html的改变需要双击，同样刷新页面失 ......
css3知识总结
一、css3新增选择器 1.用::selection去除所有鼠标选中元素的背景色 2.用：not来设置选中元素下面的非p标签元素 3.用：root设置网页背景色 ：enabled 选择状态可用的【input、button】 ：disabled 选择状态不可用的iput、button ：checked ......
CSS
CSS 什么是CSS Cascading Style Sheet层叠级联样式表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--规范--> <link rel="style ......
CSS 中遇到的问题和解决方法
连续的英文字符，符号单独占一行不换行的问题 通常中文会自动换行，英文符号如果没有回车换行符就会一直延伸，解决办法是，给文字的容器添加属性 word-break: break-word ......
css基础样式
CSS简介 CSS全称层叠样式表(Cascading Style Sheets) CSS也是一种标记语言,用于给HTML结构设置样式,例如文字大小、颜色元素宽高效果等等 核心思想:HTML搭建结构,CSS添加样式,实现结构与样式的分离 CSS行内样式 行内样式又称内联样式 直接在标签内通过style ......
成品直播源码推荐，原生button按钮css去掉默认样式
成品直播源码推荐，原生button按钮css去掉默认样式 button{border: none;margin: 0;padding: 0;outline: none;border-radius: 0;line-height: normal;}button::after { border: none ......
CSS 也能实现 if 判断？实现动态高度下的不同样式展现
最近在群里，有个小伙伴问了这么一道很有趣的问题： CSS 能否实现，容器再某个高度下是某种表现，一旦超出某个高度，则额外展示另外一些内容 为了简化实际效果，我们看这么一张示意效果图： 可以看到，当容器高度没有超过某一个值时，没有箭头图标。反之，箭头图标出现。 这个效果在很多场景都会出现，可以算是一个 ......
使用scoped后，父组件的样式将不会渗透到子组件中。 不过一个子组件的根节点会同时受其父组件的scoped css和子组件的scoped css的影响。
下列关于scoped的描述错误的是（ ） A scoped原理是在标签上添加data-v属性，然后使用属性选择器实现样式局部化 B 使用scoped，父组件的样式会渗透到子组件内部的元素 C 使用scoped不会造成全局污染 D ">"可以实现样式穿透 正确答案：B 使用scoped后，父组件的样式 ......
webpack文档打包html,css,js文件
先用npm init -y，快速生成package.json文件，package-lock.json文件是用来固化依赖包的版本的，导入包后会自行生成，提交给他人项目时，只需要给这两个配置文件，然后输入npm i，即可自动下载依赖。 新建一个webpack.config.js配置文件，以下是配置文件的 ......
黑马pink css5
css有三大特性：层叠性，继承性，优先级。 层叠（覆盖）性：解决冲突 就近原则 恰当地使用继承可以简化代码，降低css的复杂性 行高的继承：font：12px/1.5 1.5表示当前文字大小的1.5倍 body行高1.5，这样写法的最大优势就是里面子元素可以根据自己文字大小自动调整行高 优先级 继承 ......
微信小程序canvas 设置旋转css 不生效
问题 项目中有使用canvas 生成条码（一维码）的功能，使用的插件wxbarcode来生成的，但是项目需求的条码是要竖向的，插件的生成的是横向的，不知道是否有参数去控制，当时图省事想着直接用css 旋转一下好了，在模拟器上看到的确实也没有问题，但是在真机上就出问题，没有旋转，还发生了偏移 解决 开 ......