优先级css
css常用属性
CSS 常用属性和高级属性的详细参数说明如下： 常用属性 字体属性 font-family: 字体系列 font-size: 字体大小 font-weight: 字体粗细 font-style: 字体样式 line-height: 行高 文本属性 color: 字体颜色 text-align: 文本 ......
nginx location规则以及优先级详解
nginx 配置文件里往往有多个location来区分不同的路径来执行不同的配置 在nginx配置文件中，location主要有这几种形式： 1、~ # 使用波浪符“ ~”区分大小写正则匹配，如 location ~ /abc { } 2、~* #不区分大小写的正则匹配，如 location ~* ......
Nginx的location优先级
在nginx配置文件中，location主要有这几种形式： 语法：location [=|^~|~|~*|@] /uri/ { … } 功能: 根据URI的不同需求进行配置，可以使用字符串与正则表达式匹配。 如果要使用正则表达式，你必须指定下列前缀： ~* 不区分大小写。 ~ 区分大小写。 具体匹配 ......
css使用收集
文字 设定文本块中第一行的缩进 text-indent:5px; 设置文字左右间隔 letter-spacing: 2px; 设置文字上下间隔 line-height: 25px; ......
微信小程序九宫格布局css
微信小程序九宫格布局css .grid-list{ display: flex; flex-wrap: wrap; border-left: 1rpx solid #efefef; border-top: 1rpx solid #efefef; } .grid-item{ width:33.33%; ......
两个div在同一行显示CSS如何实现
一般两个div同行显示可以用float: left和display: inline_block来实现 <div class="div1">div1</div> <div class="div2">div2</div> .div1 { width: 200px; height: 200px; text ......
P2661 [NOIP2015 提高组] 信息传递-拓扑排序+DFS深度优先遍历
有 n 个同学（编号为 1 到 n ）正在玩一个信息传递的游戏。在游戏里每人都有一个固定的信息传递对象，其中，编号为 i 的同学的信息传递对象是编号为 Ti 的同学。
游戏开始时，每人都只知道自己的生日。之后每一轮中，所有人会同时将自己当前所知的生日信息告诉各自的信息传递对象（注意：可能有人可以... ......
事件 jQuery 选择器 筛选器 样式操作 CSS操作 文本操作
事件 事件可以理解为：给HTML标签添加了一些额外的功能，并且能够触发JS的代码运行 1.事件就是达到某个触发条件，自动触发的动作 2.常用的事件 1.onclick：当用户点击某个对象是调用的事件句柄 2.onfoucus：元素获取焦点 3.onblur：元素失去焦点 4.onchange：域的内 ......
用css画箭头
在CSS中，可以使用伪元素 ::before 或 ::after 结合 border 属性来创建箭头。以下是一个简单的示例代码： ```html<div class="arrow"></div>``` ```css.arrow { position: relative; width: 0; heig ......
CSS实现居中的几种方法
1.flex弹性布局、grid网格布局实现居中（可能有兼容问题） 可以将justify-content: center; align-items: center;简写为：place-items:center; place-items是两者的复合属性，接收两个参数，第一个是align-items，第二 ......
Vue2 css mixins变量自动导入配置
vue.config.js const path = require("path"); function addStyleResource(rule) { rule .use("style-resource") .loader("style-resources-loader") .options({ ......
视频直播系统源码，CSS3如何调整背景图片大小
视频直播系统源码，CSS3如何调整背景图片大小 1.length length：设置背景图片的高度与宽度。第一个值设置宽度，第二个值为高度。如果只给出第一个值，那么第二值则设置为auto（自动）。 举例，将背景图片改为20emx20em(默认1px = .05em) width: 30em; hei ......
【优先队列】LeetCode 378. 有序矩阵中第 K 小的元素
题目链接 378. 有序矩阵中第 K 小的元素 思路 因为矩阵的每行和每列元素均按升序排序，所以我们可以打破传统思路 代码 class Solution { public int kthSmallest(int[][] matrix, int k) { PriorityQueue<int[]> pr ......
CSS—相对单位rem
一、概述 rem是一个相对长度单位，它的单位长度取决于根标签html的字体尺寸。rem即root em的意思，中文翻译为根em。浏览器的文本尺寸一般默认为16px，即默认情况下： 1rem = 16px rem布局原理：根据CSS媒体查询功能，更改根标签的字体尺寸，实现rem单位随屏幕尺寸的变化，如 ......
css选择器
1、id选择器 #id_name{} 前缀#，后接选中html元素的id属性值 选取单个 2、class选择器 .class_name{} 前缀.，后接选中html元素的class属性值 可以选择多个 class_name的第一个字符不能是数字 3、标签/元素选择器 label_name{} 直接使 ......
css-背景
1、背景颜色 background-color:red; background-color:#b0c4df; background-color:rgb(255,0,0); 设置背景颜色，有三种值，十六进制、RGB方法、颜色名称 在线颜色选择器：在线颜色选择器 | RGB颜色查询对照表 (jb51.n ......
css文本
1、color color:red; 设置字体颜色 2、text-align text-align:center; 设置文本的水平对齐方式，可选项：center居中对齐，right向右对齐，left向左对齐，justify两端对齐 3、文本修饰 text-decoration:none; 可选项：o ......
css字体
1、font-family字体系列 font-family:"Times New Roman", Times, serif; 应该设置多个，以作为后备机制，如果浏览器不支持第一种字体，他将尝试下一种字体。 字体系列的名称超过一个字，必须使用引号 2、字体样式 font-style:normal; 可 ......
css盒子模型
1、介绍 所有HTML元素可以看作盒子，包括： 外边距margin 边框border 内边距（填充）padding 实际内容：显示文本和图像，指定元素的width和height属性实际就是内容的宽度和高度 2、边框 （1）border-style样式 none:默认无边框 dashed 虚线边框 s ......
css一般设置
1、链接 a:link - 正常，未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 超链接a标签具有四个状态，可以基于css选择器进行选择 a:hover 必须跟在 a:link 和 a:visited后 ......
css基础
1、介绍 CSS 指层叠样式表 (Cascading Style Sheets)，作用是定义如何显示html元素。 解决内容与显示的分离。 2、形式 （1）内联 <p style="color:red">段落</p> （2）内部 <style> p{color:red} </style> （3）外部 ......
CSS Font Loading Module Level 3 有哪些变化
CSS Font Loading Module Level 3 是 CSS 中的一个新特性，它允许开发者在不同的浏览器中使用不同的字体加载器。在 Level 3 中，浏览器将使用不同的字体加载器来加载字体，以提高性能和兼容性。 相比 Level 2，Level 3 引入了以下变化： 支持多个字体加载 ......
Css预编语言以及区别
一、是什么 Css 作为一门标记性语言，语法相对简单，对使用者的要求较低，但同时也带来一些问题 需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，往往会因为缺少 Css 编写经验而很难写出组织良好且易于维护的 Css 代码 Css预处理器便是针对上述问题的解 ......
CSS个人笔记
CSS 一.CSS又称层叠样式表 《1》结构： 选择器{声明;声明} 声明=属性+属性值 p { color: pink; } 总结： 选择器写在 { } 前面，声明写在 { } 内，声明和声明之间用；隔开 声明是由属性和属性值组成，属性和属性值之间用：连接 《2》CSS样式 | color | ......
nginx中的正则表达式，location路径匹配规则和优先级
前言，我这里验证的nginx-v1.23.2单机环境下的nginx中的正则表达式、location路径匹配规则和优先级。先准备好环境，基础配置是这样 nginx/conf/conf.d/host.conf ： server { listen 8081; server_name 10.90.5.70; ......
纯css和单class实现文件夹
使用before和after伪元素就可以了 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>纯css文件夹</title> <style type="text/css"> body { margin: 0; } div.fold ......
节点与其祖先之间的最大差值（树，二叉树，深度优先搜索）
1、节点与其祖先之间的最大差值（难度中等） 给定二叉树的根节点 root，找出存在于 不同 节点 A 和 B 之间的最大值 V，其中 V = |A.val - B.val|，且 A 是 B 的祖先。（如果 A 的任何子节点之一为 B，或者 A 的任何子节点是 B 的祖先，那么我们认为 A 是 B 的 ......
CSS实现段落首行缩进两个字符
段落前面空两个字的距离，不要再使用空格了，对于文字，需要使用4个 才会显示汉字2个字符空格的效果。 用CSS实现段落首缩进两个字符，应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。 在这里我们需要了解一种长度单 ......
css-2(盒子模型)
页面布局三大核心：盒子模型、浮动，定位 网页布局的本质：每个网页都是有盒子组成的，步骤：准备标签，设置样式，放入内容 盒子模型：用来装内容的，包括边框（border），内边距（padding），外边距（margin），实际内容（content） border（边框）：边框宽度（border-widt ......