当前位置: 首页 > news >正文

CSS3------CSS选择器

       界面中的超文本本质上就是通过一个一个矩形盒子包起来,然后进行排版组合,那么接下来要详细研究这个标签盒子的细节结构,以帮助学习如何使用它,但是在开始研究它之前,我们先来了解一个概念,选择器的概念。
<div style="width:100px;height:100px;backgorund-color:red"></div>
把写在标签开始标签内部style属性中的样式,称为一个标签的行间样式。
使用行间样式编写代码,维护性很差,试想一个场景,文档中一行上面的代码,可以在页面中生成一个 矩形盒子,如果需要生成1000个,该怎么办?答案是把代码复制1000次,有人说这并不麻烦,但如果现 在客户需求改了,要求所有但盒子宽度都改成200px像素,那么你还觉得简单吗?
<html>
<head>
<!--
内部样式表,将写在行间的样式提取出来,写在一对style标签中,并且用花括号括起来。
如何让浏览器知道,这个三个样式是给哪个标签设置的呢?
这就需要在第一个{}前加一个“特殊标识”来告诉浏览器,花括号中的样式是给哪个标签设置的。
特殊标识的作用:就是在样式表中,选中标签,设置样式。因此将这个特殊标识称为 “选择器”
-->
<style>
特殊标识 {
width:100px;
height:100px;
background:red;
}
</style>
</head>
<body>
<div>显示内容</div>
</body>
</html>

基本选择器

标签选择器
以标签名称作为选择器选中标签标签名:{样式}”
<style>
/* h1实际上就是标签名称,这个选择器就是标签选择器 */
h1 {
color: red; /*设置文本颜色为红色 */
font-fize: 14px; 设置字体大小
font-family: 'Courier New',Courier, monspace; 设置显示所使用的字体
font-weight: bold; 加粗显示
}
</style>
标签选择器特点 : 能够为一群具有相同名称的标签,同时设置相同的样式
Id选择器,一般在一个页面中id值不允许重复
id选择器是通过给标签设置id属性,在样式表中通过 #id{样式} 对标签设置样式,相当于一个人的身份证号
<style>
/* #bb对应的是标签上的id属性值,按照id查找对应的标签,这个选择器就是id选择器 */
#bb {
color: red;
}
#box1{
width:100px;
height:100px;
background-color:red;
}
</style>
<h1 id="bb">主要标题</h1>
<div id="box1"></div>
id选择器特点 :
  • 有且只能有一个,不能重名,不能有多个
  • 一般不使用id选择器设置样式
ps:其他选择器都将是三大基本选择器的一个组合
class类型选择器,可以选择一组标签,这组标签可以是不同类型的标签,例如p h1等。在标签内部通过
class属性,给标签设置类型名在样式表中通过 .类型名{样式} 的方式给标签盒子设置样式
<style>
/* .bb对应的是不同标签上的class属性值,按照class属性值查找一组对应的标签,这个选择器就是class选择器 */
.bb {
color: red;
}
.box{
width:100px;
height:100px;
background-color:red;
}
.box1{
background-color:blue;
}
</style>
<h1 class="bb">主要标题</h1>
<div class="box"></div>
<div class="box"></div>
<div class="box box1"></div>
类型class选择器特点:
  • 相当于给标签起了一个别名
  • 不同盒子可以有相同的class属性名,因此类型选择器可以给多个标签同时设置相同样式
  • 同一盒子可以有多个class属性名,在文档中以空格隔开,因此同一个盒子的样式是多个选择器叠加的结果
* 通用选择器,选择当前页面中的所有标签
<p>段落</p>
<b>加粗</b>
<span>无</span>
<style>
/* 这里的*表示当前页面中的任何标签 */
* {
border: 1px solid red;
}
</style>
通用选择器会将所有元素匹配并配置样式,这是把双刃剑,好处就是非常方便,坏处就是将不必要的元素也配置了。目前为止,还不存在所有元素都必须配置的样式,所以,一般来说,不常用
伪类选择器:前面是标签选择器,后面类选择器 div.dd{}
典型的伪类选择器,例如链接标签的使用
  • a:link 链接的颜色
  • a:visited 已访问的链接颜色
  • a:hover 鼠标经过时的颜色
  • a:active 当访问时的颜色

注:已上顺序不可打乱  

ID选择器和类选择器

  • ID选择器不可以重名,类选择器可以
  • ID选择器在样式表里必须以 # 开头,类选择器在样式表里以 . 开头

选择器优先级

选择器优先级问题,是指当多个选择器选中一个标签,设置相同的样式时谁优先生效的问题
举个例:一般我们的家庭中,男人往往处于相较低的地位,这样一个家庭才能稳固,因此当家里出现这样一个场景
  • 老婆:老公今晚吃米饭吧
  • 孩子:爸爸今晚吃肯德基吧
  • 旺财:主人今晚吃骨头吧
此时,三个家庭成员都选中了这个男人,干同样的事情,但提出不同的需求,此时这个男人的心中就自然而然做出了排序,就有了谁在他心中更优先的问题
我们的选择器,具有相同的特点,例如看如下代码
<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>选择器优先级问题</title>
<style>
#box1{
background: red;
}
.box{
background: blue;
}
div{
width: 100px;
height: 100px;
background: green;
}
/*
三大基本选择器
标签、class、id 都是通过特殊字符在样式表中选中标签,设置样式在优先级上
标签 < class < id
优先级高的样式会覆盖优先级低的样式;如果优先级一致,由于样式表是从上到下执行,因此,样
式表中后面选择器中的样式会叠加前面选择器中的样式由于ID选择器优先级最高,导致一些交互性的选择器无法生效,因此前端规范要求,在设置标签
样式时,只使用class和标签选择器,id选择器不用来设置样式,一般用在js中。选择器优先级判断依据:选择越准确,优先级越高
*/
</style>
</head>
<body>
<div style="background-color: saddlebrown" class="box" id="box1"></div>
</body>
</html>

属性选择器

属性选择器,直接通过两个中括号里面包含属性名即可。当然,还有更多扩展的属性选择器。
基础语法:
[href] { 选中有href属性的方法,注意不一定只有a标签有href属性,可以给任何标签上添加href
性,只是不会进行跳转
color: orange;
}

基础样式: 

[href] {
color: orange;
}
[href^="http"] {
color: orange;
}
解释:属性值开头匹配的属性选择器。例如http://www.baidu.com
//所需版本 CSS3
[href$=".com"] {
color: orange;
}
解释:属性值结尾匹配的属性选择器。
//所需版本 CSS3
[href*="baidu"] {
color: orange;
}
解释:属性值包含指定字符的属性选择器。
//所需版本 CSS2
[class~="edf"] {
font-size: 50px;
}
解释:属性值具有多个值时,匹配其中一个值的属性选择器。
//所需版本 CSS2
[lang|="en"] {
color: red;
}
解释:属性值具有多个值且使用“-”号连接符分割的其中一个值的属性选择器。比如
<i lang="en-us">HTML5</i>

复合选择器

将不同的选择器进行组合形成新的特定匹配,我们称为复合选择器。

交集选择器

交集复合选择器由两个选择器直接连接构成,其结果是选中二者各自的元素的交集。其中第一个一般是标记选择器,第二个可以是类别选择器或者ID选择器。这两个选择器之间不能有空格,必须连续书写
这种方式构成的选择器将选中同时满足前后两者定义的元素,也就是说前者所定义的标记类型,并且指定了后者的类别或者ID的元素,因此叫做交集选择器
<style type="text/css">
p{ color:red; }
p.one{ color:green; }
.one{ color:pink; }
</style>
<p>这是一个段落显示红色</p>
<h1>这是一个标题</h1>
<p class="one">这是标记选择器和类别选择器交叉显示绿色</p>
<h1 class="one">这个是类别选择器显示粉色</h1>

分组选择器

分组选择器也叫做并集选择器,结果是同时选中各个基本选择器所选择的范围之和
p,b,i,span { color: red;}
解释:将多个选择器通过逗号分割,同时设置一组样式。当然,不但可以分组元素选择器,还可以使用
ID 选择器、类选择器、属性选择器混合使用
h1,h2,h3,h4,h5,h6,p{
color:red;
font-size:20px;
}
h2.one,.one,#two{
text-decoration:underline;
}
<h1>这是h1标记</h1>
<h2 class="one">这是h2标记</h2>
<p>这是p标记</p>
<p class="one">这是p标记2</p>
<p id="two">这是p标记3</p>

后代选择器

p b { color: red;}
解释:选择元素内部所有元素。不在乎的层次深度。当然,后代选择器也可以混合使用 ID 选择器、类选择器、属性选择器
<style type="text/css">
p span { color:red; }
span { color:blue; }
</style>
<p>这是最外层,<span>这是最内层</span></p>
<span>这是嵌套外的span标记</span>
子选择器
ul > li { border: 1px solid red;}
解释:子选择器类似与后代选择器,而最大的区别就是子选择器只能选择父元素向下一级的元素,不可以再往下选择
ul > li {
border: 1px solid red;
}
<ul>
<li>我是儿子
<ol>
<li>我是孙子</li>
<li>我是孙子</li>
</ol>
</li>
<li>我是儿子</li>
<li>我是儿子</li>
</ul>

相邻兄弟选择器

p + b { color: red;}
解释:相邻兄弟选择器匹配和第一个元素相邻的第二个元素。
<style>
p+b {
color: red;
}
</style>
<b>开始</b>
<p>这是一段简单的显示测试,<b>儿子标签</b>不会有显示效果,<a href=""><b>孙子标签</b>
</a>不会有显示效果</p>
<b>终止</b>
如果在 <b>终止</b>之前添加任何标签,则不能查找到

普通兄弟选择器

p ~ b { color: red;}
解释:普通兄弟选择器匹配和第一个元素后面的所有元素。
<style>
p~b {
color: red;
}
</style>
<b>开始</b>
<p>这是一段简单的显示测试,<b>儿子标签</b>不会有显示效果,<a href=""><b>孙子标签</b>
</a>不会有显示效果</p>
<b>终止1</b>显示效果
<b>终止2</b>显示效果

显示样式

<style type="text/css">
body{
color:#F09;
}
h1,h2,h3,h4,h5,h6{
font-size:12px;
height:30px;
background-color:#CCC;
line-height:30px;
}
</style>
<p>1、覆盖元素的默认显示效果</p>
<h1>这是一个h1元素</h1>
<h2>这是一个h2元素</h2>
<h3>这是一个h3元素</h3>
<h4>这是一个h4元素</h4>
<h5>这是一个h5元素</h5>
<h6>这是一个h6元素</h6>
<p>2、强大的显示效果</p>
<span style="font-size:500px;font-family:新宋体,黑体;">福</span>

CSS继承

css继承指的是子标记会继承父标记的所有样式风格,并可以在父标记样式风格的基础上再加以修改,产生新的样式,而子标记的样式风格完全不会影响父标记
<style>
h1 {
color:red; text-decoration:underline;
}
i {
color:blue;
}
</style>
注意:css层叠不能和继承混淆,可以简单的理解为冲突的解决方案
p { color:green; } 标记选择器
.red{ color:red; } class类别选择器,其中优先级是:行内样式 > id选择器 > class类别选择器 > 标记选择器
#line3{ color:yellow; }
.blue{ color:blue; }
<p>这是第1行</p>显示绿色,是p选择器的效果
<p class="red">这是第2行</p> 显示红色,是class=red生效
<p id="line3" class="red">这是第3行</p> 显示黄色,是id=line3生效
<p style="color:pink;" id="line3">这是第4行</p> 显色分红,是style生效,行内式优先级高于内嵌式优先级
<p class="blue red">这是第5行</p>显示蓝色,是class=blue生效,连个class级别相同,区别在于声明顺序,在<style>中后声明的优先前声明的进行覆盖,和这里class声明的顺序没有任何关系,这里就是明确的就近原则

相关文章:

【建议背诵】软考高项考试案例简答题汇总~(8)

为大家在考前整理了软考高项案例分析题答案汇总&#xff01;这些都是下午案例题常见考题&#xff0c;对于案例题的解答很有帮助~ 有电子版本的&#xff0c;可以打印下载来看看&#xff01; 36. 对于软件和信息系统集成项目来说&#xff0c;项目收尾时一般提交的文件包括哪些…...

重学FreeRTOS操作系统之任务篇(一)

FreeRTOS操作系统 文章目录FreeRTOS操作系统前言一、操作系统任务总结二、任务1.任务特性2.任务状态3.任务创建4.任务删除5.任务挂起6.任务恢复总结前言 学习STM32的时候都是用来跑裸机&#xff0c;后面学习了操作系统摆脱了流水线的工作方式&#xff0c;采用实时执行的方式&a…...

Day 58 shell脚本命令

1.概念&#xff1a; Shell是linux中一个重要的层次&#xff0c;它是用户与系统交互作用的界面。在介绍linux命令时&#xff0c;shell都作为命令解释程序出现&#xff1a;它接收用户打入的命令&#xff0c;进行分析&#xff0c;创建子进程实现命令所规定的功能&#xff0c;等子进…...

2022山东理工大学pta程序设计---实验六(二维数组)题解

7-1 sdut-C语言实验-求一个3*3矩阵对角线元素之和 分数 12 作者 马新娟 单位 山东理工大学 给定一个33的矩阵&#xff0c;请你求出对角线元素之和。 输入格式: 按照行优先顺序输入一个33矩阵&#xff0c;每个矩阵元素均为整数。 输出格式: 从左下角到右上角这条对角线上的元…...

Vivado 开发笔记(1)

基本步骤&#xff1a; 1。新建工程&#xff0c;选 RTL 默认设置&#xff0c;选 Part 型号&#xff0c;完成&#xff1b; 2。左侧树 Flow Navigator &#xff1a;Project Manager&#xff0c;Add Sources&#xff0c;Add or create design sources&#xff0c;Create File&…...

MySQL常用函数大全(实例演示)

此博客主要包括如下类型函数&#xff1a; 一、数字函数 二、字符串函数 三、日期函数 四、MySQL高级函数 一、数字函数 1、ABS(x) 返回x的绝对值 SELECT ABS(-1); 结果&#xff1a; 2、AVG(expression) 返回一个表达式的平均值&#xff0c;expression 是一个字段 SELE…...

【前端验证】fork-join_none线程立即执行的一次代码优化记录

我们的目标是┏ (゜ω゜)☞芯片前端全栈工程师~喵&#xff01; 前言 【system verilog】fork-join_none与循环语句共同使用的行为探究 很早之前写过关于fork-join_none的探究文章&#xff0c;最近被人指出了一些错误&#xff1a; 我仔细理解了下他的意思&#xff0c;觉得确实…...

Arcgis使用教程(十一)ARCGIS地图制图之经纬网格设置参数详解

Arcgis地图制图中&#xff0c;经纬网格的添加详细参见&#xff1a; Arcgis使用教程&#xff08;十&#xff09;ARCGIS地图制图之经纬网格添加_空中旋转篮球的博客-CSDN博客 1.加载数据 在Arcmap中加载中国矢量图层数据&#xff08;中国省级行政区图&#xff0c;国界线两个图层…...

开发速查表,一个值得每个程序员收藏的网站

在工作过程中&#xff0c;虽然我们程序员&#xff0c;主要是使用一门语言开发&#xff0c;但免不了会用到其他语言参与其他项目&#xff1b;或者很多全栈工程师&#xff0c;会参与前端的开发调试&#xff1b;总的来说&#xff0c;我们工作过程中&#xff0c;都会涉及到多门编程…...

HTTP协议中的HTTP报文

HTTP中的HTTP报文 1、HTTP报文信息 1.1定义 用于HTTP协议交互的信息叫做HTTP 报文。 HTTP 报文大致可分为报文首部和报文主体两块。两者由最初出现的空行&#xff08;CRLF&#xff09;来划分&#xff08;通常并不一定要有报文主体&#xff09;。 1.2请求报文和响应报文 请…...

初阶指针(2)

初阶指针&#xff08;2&#xff09;4. 指针运算4.1 指针-整数4.2 指针的关系运算4.3 指针-指针5. 指针和数组6. 二级指针7. 指针数组4. 指针运算 指针 整数指针-指针指针的关系运算 4.1 指针整数 代码一 通过指针进行打印数组内容 #include <stdio.h> int main() {d…...

CodeForces - 450C Jzzhu and Chocolate 数学 贪心

Jzzhu has a big rectangular chocolate bar that consists of n  m unit squares. He wants to cut this bar exactly k times. Each cut must meet the following requirements: each cut should be straight (horizontal or vertical);each cut should go along edges of…...

【最佳实践】gorm 联表查询 joins

内容 使用gorm的一些技巧、经验常规使用示例如何在一对一、一对多、多对一的关系下使用gorm进行联表查询 其他gorm使用和进阶用法参考官方文档 https://gorm.io/zh_CN/docs/index.html 优雅表迁移注册 表自动迁移方式&#xff0c;常见的方式如下&#xff1a; #model层定义m…...

4、paxos协议

一、paxos历史 Paxos算法是一个高容错性的分布式一致性算法。Paxos算法的作者Leslie Lamport 在1982年提出的。下面的分布式协议个人感觉也是借鉴paxos。 二、paxos算法思想 paxos算法解决分布式数据一致性。具体步骤如下 1、lead提出议案且这个议案编号是最新议案&#xf…...

2022亚太杯建模B题思路 : 高速列车的优化设计 小美赛数学建模 B题思路

1 B题&#xff1a;高速列车的优化设计 2022年4月12日&#xff0c;中国高铁复兴CR450多机组成功实现单列列车速度435 km/h&#xff0c;相对速度870 km/h&#xff0c;创造了高铁多机组列车穿越明线和隧道速度的世界纪录。新一代标准动车组“复兴”是中国自主研发的具有全知识产权…...

【数据结构】七种排序方法,一篇文章掌握

文章目录前言1. 直接插入排序1.1 画图演示1.2 直接插入排序详细步骤1.3 时间复杂度&#xff0c;空间复杂度分析2. 希尔排序2.1 具体步骤描述2.2 代码详解2.3时间复杂度,空间复杂度分析3. 选择排序3.1 画图讲解3.2 代码讲解3.3 时间复杂度,空间复杂度分析4. 快速排序4.1 画图演示…...

7K325T 引脚功能详解

本文针对7K325T芯片&#xff0c;详细讲解硬件连接需要注意的技术点&#xff0c;可以作为设计和检查时候的参考文件。为了方便使用&#xff0c;按照Bank顺序排列&#xff0c;包含配置Bank、HR Bank、HP Bank、GTX Bank、供电引脚等。 参考文档包括DS182、UG470、UG475、UG476等。…...

【设计模式】装饰者模式:以造梦西游的例子讲解一下装饰者模式,这也是你的童年吗?

文章目录1 概述1.1 问题1.2 定义1.3 结构1.4 类图2 例子2.1 代码2.2 效果图3 优点及适用场景3.1 优点3.2 适用场景1 概述 1.1 问题 众所周知&#xff0c;造梦西游3有四个角色&#xff0c;也就是师徒四人&#xff0c;这师徒四人每个人都有自己专属的武器和装备。假定我们以及设…...

QT 编译zlib

博主环境&#xff1a;QT 5.9.1 VS2105 从zlib官网下载zlib源代码&#xff0c;官网链接&#xff1a;https://www.zlib.net/&#xff0c;根据自己的需求进行下载&#xff0c;博主下载的是zip格式的。 下载完成后&#xff0c;进行解压。打开Developer Command Prompt for VS2015…...

沉睡者IT - 为你解密那些卖虚拟资源和知识付费课程的平台到底有多简单和多赚钱。

潜力博主推荐&#xff0c;点击上面关注博主 ↑ ↑ 上图为平台首页面截图&#xff0c;官方总站演示&#xff1a;vip.zzzz.la 备用演示&#xff1a;VIP.网站 1.虚拟资源平台介绍&#xff01; &#xff08;1&#xff09;虚拟资源项目站是一个在线知识付费平台&#xff0c;全自动…...

斐波那契数列、跳台阶、矩形覆盖、而进制中1的个数、判断是否是素数

文章目录1、斐波那契数列2、跳台阶3、矩形覆盖4、二进制中1的个数5、判断是否是素数1、斐波那契数列 本题考点&#xff1a; 间复杂度&#xff0c;fib理解&#xff0c;剪枝重复计算 牛客链接 题目描述&#xff1a; 解题思路&#xff1a; 代码&#xff1a; class Solution {…...

【Designing ML Systems】第 5 章 :特征工程

&#x1f50e;大家好&#xff0c;我是Sonhhxg_柒&#xff0c;希望你看完之后&#xff0c;能对你有所帮助&#xff0c;不足请指正&#xff01;共同学习交流&#x1f50e; &#x1f4dd;个人主页&#xff0d;Sonhhxg_柒的博客_CSDN博客 &#x1f4c3; &#x1f381;欢迎各位→点赞…...

第5章 C语言高级的库函数

文章目录文档配套视频讲解链接地址第05章 C库函数5.1 assert.h 断言库5.2 ctype.h 测试和映射字符5.3 math.h 数学库5.4 stdlib.h 标准库1. 字符串转整数、浮点数2. strtod 把字符串中的数字转换成浮点数并返回数字的下一个字符的位置3. strtol 字符串转整数4. strtoul 字符串转…...

PCL Super4PCS算法实现点云粗配准(版本二)

目录 一、算法概述参数解析二、代码实现三、结果展示四、编译好的库一、算法概述 Win10系统下实现Super4PCS: Fast Global Pointcloud Registration via Smart Indexing一文中的配准算法。与版本一实现方式不同的是:这里直接将OpenGR集成到PCL中,目前网上也有很多相关的实现代…...

括号有效配对题型问题解法

目录 问题描述&#xff1a; 问题一&#xff1a;怎么判断一个括号字符串有效&#xff1f; 问题二&#xff1a;如果一个括号字符串无效&#xff0c;返回至少填几个字符能让其整体有效。 问题三&#xff1a;返回一个括号字符串中&#xff0c;最长的括号有效子串的长度。 问题四…...

前端学习路线(一)

很多人问我前端学习的路线是怎么样的&#xff0c;css要学多久&#xff0c;js高级要不要学&#xff0c;先学node.js还是先学vue&#xff0c;所以想通过一篇博文来讲一下这个事情 要不要学前端三剑客 这个问题是很多想快速上手前端的同学问的最多的一个问题&#xff0c;因为有很…...

【Linux系统】网络配置保姆级教学

目录 文章目录网络配置yum install tree 安装和tree显示Linux网络配置[原理图](https://so.csdn.net/so/search?q原理图&spm1001.2101.3001.7020)查看ip和网关ipconfig查看windows网络配置ifconfig查看Linux网络配置ping测试主机之间网络连通性Linux网络环境配置**第一种方…...

kibana 操作elasticsearch索引

前言 使用kibana可以很方便的对es进行各种操作&#xff0c;比如创建索引&#xff0c;删除索引&#xff0c;查询文档等&#xff0c;本篇先演示如何基于kibana 对es的索引进行常见的操作。 环境准备 请提前安装好es和kibana&#xff0c;可以参考 docker搭建es kibana操作es索引…...

什么是IP路由?思科与华为在IP路由配置上有啥区别?

什么是 IP 路由&#xff1f; IP 路由是将数据包从一个网络上的主机发送到不同远程网络上的另一台主机的过程。这个过程通常由路由器完成&#xff0c;路由器检查数据包的目标 IP 地址&#xff0c;确定下一跳地址&#xff0c;然后转发数据包。路由器使用路由表来确定应将数据包转…...

应该记住的10个SQL 查询

注意&#xff1a;所有查询都是用PostgreSQL编写的。 文章目录选择所有行where 语句Group by and Have 子句Order By and Limit日期函数内连接、左连接或右连接子查询相关子查询Case When 子句窗口函数对值进行排序选择所有行 SELECT * FROM employees如下&#xff1a; where…...

java毕业生设计医院新型冠状病毒疫苗接种管理系统计算机源码+系统+mysql+调试部署+lw

java毕业生设计医院新型冠状病毒疫苗接种管理系统计算机源码系统mysql调试部署lw java毕业生设计医院新型冠状病毒疫苗接种管理系统计算机源码系统mysql调试部署lw本源码技术栈&#xff1a; 项目架构&#xff1a;B/S架构 开发语言&#xff1a;Java语言 开发软件&#xff1a;…...

【python】都2022年不会还有人不会在电脑桌面上养宠物吧~

前言 嗨喽~大家好呀&#xff0c;这里是魔王呐 ! 上班枯燥&#xff0c;对着冷冰冰的电脑&#xff0c;相信很多小伙伴即使摸鱼&#xff0c;心情也不愉快。 这时如果有个萌宠能大家进行实时互动&#xff0c;这该有多好呀。再无聊的工作也能增添那么一丝趣味。 今天博主就来给大…...

双十一3000元投影仪评测排名,性价比最高的投影仪是什么品牌

今年的双十一各位都付尾款了吗&#xff1f;作为一年一度的大型电商节活动相信每个人都有参与&#xff0c;尤其是家用产品买的人应该会很多&#xff0c;就比如投影仪&#xff0c;能够代替电视使用&#xff0c;还能呈现出百寸以上的画面&#xff0c;视觉感觉俱佳。可以说3000元左…...

[附源码]java毕业设计壹家吃货店网站

项目运行 环境配置&#xff1a; Jdk1.8 Tomcat7.0 Mysql HBuilderX&#xff08;Webstorm也行&#xff09; Eclispe&#xff08;IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持&#xff09;。 项目技术&#xff1a; SSM mybatis Maven Vue 等等组成&#xff0c;B/S模式 M…...

【跟学C++】C++STL标准模板库——算法详细整理(中)(Study18)

文章目录1、简介2、STL算法分类及常用函数2.1、变序算法(一)2.2.1 初始化算法(2个)2.2.2 修改算法(2个)2.2.3 复制算法(6个)2.2.4 删除算法(6个)3、总结 【说明】 大家好&#xff0c;本专栏主要是跟学C内容&#xff0c;自己学习了这位博主【 AI菌】的【C21天养成计划】&#x…...

嵌入式分享合集106

一、可控硅控制电路实例 可控硅是可控硅整流器的简称。可控硅有单向、双向、可关断和光控几种类型。它具有体积小、重量轻、效率高、寿命长、控制方便等优点&#xff0c;被广泛用于可控整流、调压、逆变以及无触点开关等各种自动控制和大功率的电能转换的场合。 单向可控硅是一…...

翻译文本的软件有哪些?这几个翻译工具你可以试试看

文本翻译&#xff0c;是我们在生活中或工作中比较常见的一个需求。例如有时收到一份英文资料&#xff0c;没时间逐字翻译成中文&#xff0c;那就需要借助翻译工具来帮忙了&#xff1b;或者是有时需要将一些内容翻译成英文&#xff0c;而碰巧遇到句子不知道如何翻译&#xff0c;…...

Android 通过Room操作SQLite数据库

谷歌推荐使用Room操作数据库&#xff0c;Room在 SQLite 上提供了一个抽象层&#xff0c;在充分利用 SQLite强大功能的同时&#xff0c;能够流畅地访问数据库。 Room的三个主要组件&#xff1a; 数据库类&#xff0c;用于保存数据库并作为应用持久性数据底层连接的主要访问点。…...

css--内外边距、 盒子模型、位置、浮动

一、内外边距 1.margin 1.1属性为给定元素设置所有四个&#xff08;上下左右&#xff09;方向的外边距属性。 上下左右具有四个方向:margin-top、margin-right、margin-bottom、margin-left可取值&#xff1a;length&#xff1a;固定值 percentage&#xff1a;相对于包…...

数据结构每日亿题(六)

文章目录一.用队列实现栈2.大概思路3.代码实现3.13.23.33.43.53.63.7二.用栈实现队列2.大概思路3.代码实现3.13.23.33.43.53.63.7三.结束一.用队列实现栈 原题传送门&#xff1a;力扣 题目&#xff1a;题目的意思是&#xff1a;给你两个队列&#xff0c;让你实现后入先出的操作…...

Java八股文

2022年接近年底了&#xff0c;想必绝大多数的小伙伴跳槽的心已经蠢蠢欲动。但一边又是互联网寒冬、大厂裁员&#xff0c;导致人心惶惶&#xff0c;想跳又不敢跳。但现在罡哥&#xff0c;给大家整理了八股文大厂面试真题和面试技巧。这里免费分享给大家。 资料包括&#xff1a;…...

自动化早已不是那个自动化了,谈一谈自动化测试现状和自我感受……

前言 从2017年6月开始接触自动化至今&#xff0c;已经有好几年了&#xff0c;从17年接触UI自动化&#xff08;unittestselenium&#xff09;到18年接触接口自动化&#xff08;unittestrequests&#xff09;再到18年自己编写自动化平台&#xff08;后台使用python的flask&#…...

蓝桥杯刷题(二)

蓝桥杯刷题一.空间二.排序三.成绩分析四.蛇形填数五.跑步锻炼&#xff08;较难&#xff09;一.空间 这道题很简单&#xff0c;要弄清单位间的转换和如何输出就可以啦 #include <stdio.h>int main() {printf("%.0f",256/(32/4/2/1024.0000/1024));return 0; }记…...

进程和线程详解

目录 前言&#xff1a; 操作系统定位 并发 并行 并发 进程 描述 PCB 管理 内存管理 进程间通信 线程 小结&#xff1a; 前言&#xff1a; 当一个程序运行起来时&#xff0c;操作系统要为之分配一些资源&#xff0c;这样的运行起来的程序称之为一个进程。为了有效解…...

flex blaze+java通信的例子

步骤&#xff1a; 1&#xff1a;建立java web程序 2&#xff1a; 下载blazeDS包&#xff0c;解压后将WEB-INF下的 flex&#xff0c;lib&#xff0c;web.xml复制到java程序的WEB-INF下 3&#xff1a;打开web.xml文件将以下代码的注释去掉&#xff0c;并修改 <param-value>…...

Allegro如何输出IDF文件操作指导

Allegro如何输出IDF文件操作指导 Allegro支持输出IDF文件,用于导入结构软件中检查和查看,具体操作如下 点击File-export-IDF 会弹出一个对话框,file name type选择IDF 然后点击export,输出IDF文件,文件已经输出 This section is describe what the function allegro h…...

生产工艺审批管理系统java项目开发jsp编程软件myeclipse开发Mysql数据库计算机网页

一、源码特点 JSP 生产工艺审批管理系统 是一套完善的web设计系统&#xff0c;对理解JSP java编程开发语言有帮助&#xff0c;系统具有完整的源代码和数据库&#xff0c;系统主要采用B/S模式开发。开发环境为 TOMCAT7.0,Myeclipse8.5开发&#xff0c;数据库为Mysql&#xff0…...

actionScript 数组去重

public function unique(array:Array):Array { for (var i:int0; i < array.length; i) { for (var j:inti 1; j < array.length; j) { //注意 if (array[i] array[j]) { array.splice(j, 1); j--; } } } return array…...

【C++音视频开发】初级篇 | RGB与YUV

前言 本专栏将不间断更新有关C音视频开发的内容&#xff0c;其中有初级篇、中级篇与高级篇的内容&#xff0c;包括但不限于音视频基础、FFmpeg实战、QT、流媒体客户端、流媒体服务器、WebRTC实战、Android NDK等等。是博主花了将近5000元购买的课程中的知识点&#xff0c;其中…...

Html-文本属性

常用的文本属性 属性描述说明font-size字体大小单位是px&#xff0c;浏览器默认是16px。font-family字体多个字体中间用逗号链接&#xff0c;先解析第1个字体,如果没有解析第2个字体,以此类推color颜色 red;#ff0;rgb(255,0,0); 0-255font-weight加粗 bolder(更粗的&#xff09…...