上下 页面css div
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 引入了以下变化: 支持多个字体加载 ......
uniapp系列-超详细教你在uni-app+vue3里通过web-view组件传递信息打开H5页面写入localstorage并解决兼容性
web-view是什么 web-view 是一个 web 浏览器组件,可以用来承载网页的容器,会自动铺满整个页面(nvue 使用需要手动指定宽高)。 点击这里直达官网文档 点击这里下载我的代码demo 本文最下面还有一些==常见或者奇怪问题解决方案==哦~ 为什么使用这种方式搞页面?有什么好处呢? ......
Educational Codeforces Round 89 (Rated for Div. 2)
题目链接 C 核心思路 我们需要保证任意一个点出发都需要回文,所以我们的斜对角先必须的一致,什么意思呢:看下这个样例把。 1 0 1 0 1 0 1 0 1 比如这种(2,1)和(1,2) 就必须要和(2,3)的和(3,2)的相等。 这个斜对角的点有一个规律就是横纵坐标加起来就是相等的。 比如其中一 ......
Educational Codeforces Round 113 (Rated for Div. 2)
题目链接 B 核心思路 这个题目我觉得很好。 首先分析下吧,如果有人需要执行操作二那么我们肯定就是给他们都打上平局是最优的。 那么如果有人需要执行操作一呢,那么我们就可以把这些需要执行操作1的都搞一起。然后是他们成一个环。这样肯定就保证了每个人都会赢上一次。 C 核心思路 这个题目的性质其实就是我们 ......
Codeforces Round 866 (Div. 2)
A. Yura's New Name 一个简单的 dp,状态是$f[i][0/1]$表示前$i$位变成合法的且最后一位是^或_的最小代价。 如果是_只能从^转移过来,如果是^则都可以转移过来 #include <bits/stdc++.h> using namespace std; void sol ......
Css预编语言以及区别
一、是什么 Css 作为一门标记性语言,语法相对简单,对使用者的要求较低,但同时也带来一些问题 需要书写大量看似没有逻辑的代码,不方便维护及扩展,不利于复用,尤其对于非前端开发工程师来讲,往往会因为缺少 Css 编写经验而很难写出组织良好且易于维护的 Css 代码 Css预处理器便是针对上述问题的解 ......
CSS个人笔记
CSS 一.CSS又称层叠样式表 《1》结构: 选择器{声明;声明} 声明=属性+属性值 p { color: pink; } 总结: 选择器写在 { } 前面,声明写在 { } 内,声明和声明之间用;隔开 声明是由属性和属性值组成,属性和属性值之间用:连接 《2》CSS样式 | color | ......
影响页面首屏加载时间的因素
项目增加后,首屏加载就会出现白屏的问题,一般首屏加载时间最好在2秒以内,才能不影响使用体验 下面介绍下主要影响因素和解决办法: 一、网络问题: 1)可能是由于网络厂商和服务器性能决定 2)请求太多,由于浏览器并行请求在8个以下,超出的只能排队等待,所以如果请求太多,不仅增加了网络TCP连接时间还增加 ......
进程上下文切换、线程上下文切换、中断上下文切换的区别
概念 CPU 上下文切换指的是 CPU 从一个进程或线程切换到另一个进程或线程的次数。当 CPU 执行一个进程或线程时,会为其建立一个执行上下文(Context),当 CPU 切换到另一个进程或线程时,需要保存当前的上下文并建立新的上下文,这个过程就是上下文切换。 上下文切换会消耗一定的 C ......
纯css和单class实现文件夹
使用before和after伪元素就可以了 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>纯css文件夹</title> <style type="text/css"> body { margin: 0; } div.fold ......
cf-div2866-D
题目链接:https://codeforces.com/contest/1820/problem/D 比赛的时候读错题了,没看见他切一刀之后会把其中一个放进盒子里(也就是不能再切了)。 思路:首先原来的大矩形的其中一边肯定在盒子里的小矩形的其中一边里(也就是说答案最多只有两种),我们先找出最大的长和 ......
vue不同页面方法调用|跨页面传参|事件总线
事件总线 需要在不同页面间传递参数或者进行方法调用,可以使用事件总线 1.引入中间js 在src下的Utils文件夹下创建一个Bus.js其内容如下 import Vue from 'vue' export default new Vue() 2.A页面(发起请求) import Event fro ......
为什么html页面不能显示标签el-checkbox的多选框,只有名称值
问题描述 我引入了el-checkbox之后,发现浏览器页面只是显示里面的文字,并没有显示出来我想要看到的相应样式 问题解决 经过一定的百度查证可知,使用Element-UI组件时,我们需要用div标签将其包裹起来; 然后使用script标签定义一下div里面的id属性,然后才能够引用到这个el-标 ......
java JNDI连接上下文执行过程
JNDI(Java Naming and Directory Interface)是 Java 中用于访问命名和目录服务的 API。JNDI 允许开发人员在应用程序中使用名称来查找和访问各种对象,例如 JDBC 数据源、EJB 组件、RMI 远程对象等。下面是在 Java 应用程序中使用 JNDI ......
vue中使两个不同高度的div(内容长度不一)高度相同
设置高度height,记得给左右侧div一个最小高度min-height,保证没有内容的时候有一定的高度,内容撑起来的时候再自动适应 <el-col :xs="12" :sm="6" :md="2" class="grid-cell"> <div class="grid-content bg-pur ......
CSS实现段落首行缩进两个字符
段落前面空两个字的距离,不要再使用空格了,对于文字,需要使用4个 才会显示汉字2个字符空格的效果。 用CSS实现段落首缩进两个字符,应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。 在这里我们需要了解一种长度单 ......
div背景图的动态高度实现
<div style="width: 20%; border: 2px solid black; padding-bottom: 8.43%; background: url('../assets/1bg.png') no-repeat; background-size: cover"></div> ......
Codeforces Round 625 (Div. 1, based on Technocup 2020 Final Round) A. Journey Planning(dp)
https://codeforces.com/contest/1320/problem/A ###A. Journey Planning 题目大意: 给定一组数,问我们ai-aj==i-j的时候就可以把ai的值加起来,问我们可以凑到的最大总值是多少? input 6 10 7 1 9 10 15 o ......
Laravel 页面视图和分页链接中保留搜索条件
搜索条件如何一直显示在页面上,防止搜索刷新后丢失 <input type="text" id="keyword" name="keyword" value="{{ Request::input('keyword') }}"> 分页部分每一页如何一直携带搜索条件 PHP Controller中code ......
Codeforces Round 866 (Div. 2) ABC
https://codeforces.com/contest/1820 ###A. Yura's New Name 题目大意: 给定一个字符串,每次这个表情^^或者这个表情^_^就是合法的 问我们这个字符串至少要添加多少东西使得怎么看都是合法的? input 7 ^______^ ___^_^^^_ ......
css-2(盒子模型)
页面布局三大核心:盒子模型、浮动,定位 网页布局的本质:每个网页都是有盒子组成的,步骤:准备标签,设置样式,放入内容 盒子模型:用来装内容的,包括边框(border),内边距(padding),外边距(margin),实际内容(content) border(边框):边框宽度(border-widt ......
CSS-1
css具有层叠性,主要用于解决样式冲突问题(同一个标签不同样式)采用的是就近原则,那个里的进就用那个,也可以理解为覆盖,一般的下面的覆盖上面的 继承性:子标签会继承父标签中的某些样式主要是有关字体类的 eg: 结果: css的行高的继承性 子元素可以继承父标签的行高但会根据子元素的字体大小有不同的变 ......
使用导航条时,第一次能正常的打开页面,但是访问其他页面后就全部页面都访问不了,状态码304(已解决)
直接访问正常, 访问其他页面时其他页面显示不出来 问题在于我设置了两个同级的div,div没有设置id以及class,我把两个div合并成一个之后就解决了问题 如图是解决前 以下是解决后,正常显示的情况 说实话这问题的解决方法也确实蛮奇怪的,找到这个问题是因为另一端代码是搬运过来的,我尝试把这段代码 ......