css:基础

前言

我们之前其实也可以写出一个看起来算是一个网页的网页,为什么我们还要学css?

CSS(Cascading Style Sheets)也叫层叠样式表,是负责美化的,我们之前说html就是一个骨架,css就可以用来美化网页

这个美化主要包括文本内容,图片的外形,版面布局和外观显示样式

从而将网页的结构和样式部分解耦

css语法

css代码风格

小写字母为主,代码分段展开写,属性值前面、冒号后面保留一个空格,标签和大括号中间保留空格像这样:

照例我们打开一个html文件,输入!后按tab键生成初始代码:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body></body>
</html>

在body标签内写字,在head里添加:

<style>p {color: skyblue;}</style>

改变颜色

在p选择器内添加:

 font-size: 12px;

改变字体

css选择器

选择器的作用就是方便选择我们要进行优化的元素,怎么定位我们的元素?通过标签啊

所以选择器就是选择标签、并更改样式

选择器可以分为基础选择器复合选择器

基础选择器 

基础选择器就是单个作用的选择器,例如标签选择器、类选择器、id选择器和通配符选择器

选择器:对谁进行修改

选择器里面的一行一行的叫声明,表示要修改那一部分的样式

声明的属性是键值对,使用 ; 区分键值对, 使用 : 区分键和值

标签选择器

我们刚刚写的其实就是一个简单的用标签选择器来改变字体颜色的作用,style是样式的意思,因为我们要作用的是p标签内的内容,所以在style内用p标签和大括号来表示

style标签放哪都行,但是建议放在head里

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSS语法</title><style>p {color: skyblue;font-size: 12px;}div {color: deeppink;}</style>
</head><body><p>喜欢暴雪校园行的孩子们你们好啊</p><div>我是炉石传说玩家</div><span>励志轩</span><p>我最喜欢的模式是酒馆战旗模式</p>
</body>

可以发现这样就把某一类的标签都设置成了统一样式(第一行和最后一行都是p标签内的内容,所以都被改变了)

但是这样我们就不能只改变某一个p标签内的内容了

类选择器

我们可以给我们要设置样式的标签们定义为一个类,这样我们直接对相应的类进行操作就好了(面向对象别再追了)

在style内加入

.class{}

并且对对应的类内加入属性class,自己起个名字

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSS语法</title><style>p {color: skyblue;font-size: 12px;}div {color: deeppink;}.陶喆 {color: fuchsia}.周杰伦 {color: forestgreen}</style>
</head><body><p>喜欢暴雪校园行的孩子们你们好啊</p><div>我是炉石传说玩家</div><span>励志轩</span><p>我最喜欢的模式是酒馆战旗模式</p><ul><li class="陶喆">流沙</li><li class="林俊杰">江南</li><li class="周杰伦">七里香</li><li class="陶喆">天天</li><li class="陶喆">蝴蝶</li><li class="陶喆">寂寞的季节</li><li class="周杰伦">稻香</li></ul>
</body>

可以看见颜色进行了相应的改变(在开发的时候不要用中文来命名类,尽量用英语)

类标签在开发中挺常用的

当然我们的class名字也不能和我们的标签重名,就像C语言不能和关键字重名一样

生成一个颜色小盒子:

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSS语法</title><style>p {color: skyblue;font-size: 12px;}div {color: deeppink;}.陶喆 {color: fuchsia}.周杰伦 {color: forestgreen}.first {height: 100px;width: 100px;background-color: gold;//设置背景颜色}.second {height: 50px;width: 100px;background-color: brown;}.third {height: 30px;width: 100px;background-color: black;}</style>
</head><body><p>喜欢暴雪校园行的孩子们你们好啊</p><div>我是炉石传说玩家</div><span>励志轩</span><p>我最喜欢的模式是酒馆战旗模式</p><ul><li class="陶喆">流沙</li><li class="林俊杰">江南</li><li class="周杰伦">七里香</li><li class="陶喆">天天</li><li class="陶喆">蝴蝶</li><li class="陶喆">寂寞的季节</li><li class="周杰伦">稻香</li></ul><div class="first"></div><div class="second"></div><div class="third"></div>
</body>

当然,我们说过盒子里可以写字的:

 <div class="first">我是海绵宝宝的头</div><div class="second">我是海绵宝宝的裤子</div><div class="third">我是海绵宝宝的鞋</div>

在开发场景中,一个标签可能具有多种身份,比如励志轩既是她自己,也是一个通信工程的学生,还是一个自学计算机的励志轩;或者我们设置励志轩的参数也有很多,比如玩什么游戏、喜欢吃什么水果,我们在修改的时候也可以分不同的类来设置,也可以把同一类一起设置,更清晰

所以一个标签可以有多种类名:

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSS语法</title><style>p {color: skyblue;font-size: 12px;}div {color: deeppink;}.陶喆 {color: fuchsia}.周杰伦 {color: forestgreen}.first {height: 100px;width: 100px;background-color: gold;}.second {height: 100px;width: 100px;background-color: brown;}.third {height: 100px;width: 100px;background-color: black;}.eat {color: blueviolet;}.size {font-size: 12px;}</style>
</head><body><p>喜欢暴雪校园行的孩子们你们好啊</p><div>我是炉石传说玩家</div><span>励志轩</span><p>我最喜欢的模式是酒馆战旗模式</p><ul><li class="陶喆">流沙</li><li class="林俊杰">江南</li><li class="周杰伦">七里香</li><li class="陶喆">天天</li><li class="陶喆">蝴蝶</li><li class="陶喆">寂寞的季节</li><li class="周杰伦">稻香</li></ul><div class="first">我是海绵宝宝的头</div><div class="second">我是海绵宝宝的裤子</div><div class="third">我是海绵宝宝的鞋</div><div class="eat size">励志轩喜欢吃苹果</div>
</body>

注意类名直接用空格隔开

(其实励志轩不喜欢吃苹果,我要诽谤她)

id选择器

id选择器的功能是类似的:

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSS语法</title><style>#荷叶饭{color: hotpink;}</style>
</head><body><div id="荷叶饭">我叫荷叶饭</div>
</body>

注意:引用用#号

id选择器和类选择器最大的不同是id是唯一的,而且我们的id只能被调用一次,就像每个进程的pid都是不一样的,我们的id也是唯一的

我们对id的改变也是更倾向于结构上的改变

通配符选择器

*是我们的通配符,我们在css里,只要用它,就可以改变所有标签的样式

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSS语法</title><style>p {color: skyblue;font-size: 12px;}div {color: deeppink;}.陶喆 {color: fuchsia}.周杰伦 {color: forestgreen}.first {height: 100px;width: 100px;background-color: gold;}.second {height: 100px;width: 100px;background-color: brown;}.third {height: 100px;width: 100px;background-color: black;}.eat {color: blueviolet;}.size {font-size: 12px;}#荷叶饭 {color: hotpink;}* {color: mediumslateblue;}</style>
</head><body><p>喜欢暴雪校园行的孩子们你们好啊</p><div>我是炉石传说玩家</div><span>励志轩</span><p>我最喜欢的模式是酒馆战旗模式</p><ul><li class="陶喆">流沙</li><li class="林俊杰">江南</li><li class="周杰伦">七里香</li><li class="陶喆">天天</li><li class="陶喆">蝴蝶</li><li class="陶喆">寂寞的季节</li><li class="周杰伦">稻香</li></ul><div class="first">我是海绵宝宝的头</div><div class="second">我是海绵宝宝的裤子</div><div class="third">我是海绵宝宝的鞋</div><div class="eat size">励志轩喜欢吃苹果</div><div id="荷叶饭">我叫荷叶饭</div>
</body>

毫无反应!为什么?因为我们的通配符优先级很低

我们把其他部分的样式修改都注释掉:

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSS语法</title><style>/* p {color: skyblue;font-size: 12px;}div {color: deeppink;}.陶喆 {color: fuchsia}.周杰伦 {color: forestgreen}.first {height: 100px;width: 100px;background-color: gold;}.second {height: 100px;width: 100px;background-color: brown;}.third {height: 100px;width: 100px;background-color: black;}.eat {color: blueviolet;}.size {font-size: 12px;} */#荷叶饭 {color: hotpink;}* {color: mediumslateblue;}</style>
</head><body><p>喜欢暴雪校园行的孩子们你们好啊</p><div>我是炉石传说玩家</div><span>励志轩</span><p>我最喜欢的模式是酒馆战旗模式</p><ul><li class="陶喆">流沙</li><li class="林俊杰">江南</li><li class="周杰伦">七里香</li><li class="陶喆">天天</li><li class="陶喆">蝴蝶</li><li class="陶喆">寂寞的季节</li><li class="周杰伦">稻香</li></ul><div class="first">我是海绵宝宝的头</div><div class="second">我是海绵宝宝的裤子</div><div class="third">我是海绵宝宝的鞋</div><div class="eat size">励志轩喜欢吃苹果</div><div id="荷叶饭">我叫荷叶饭</div>
</body>

可以看到除了最后一行都改变了,因为最后一行还设置了别的改动,优先级比通配符高

一般不怎么用捏

css字体属性

定义字体系列
.陶喆 {font-family: '宋体'}.周杰伦 {font-family: 'Cambria';}

可以看见部分字体改变了

我们还可以设置多个字体,可以方便用户在查看网页的时候,如果没安装第一种字体,你们就执行第二种字体

 .eat {font-family: 'Courier New', Courier, monospace;}

一般都使用系统默认字体,保证网页在各种浏览器都能正常显示

定义字体大小
body {font-size: 80px;}

这时候我们就把body内的字体都改变了

但是我们发现标题的大小没有改变

标题的大小是需要单独设置的捏

 p {font-size: 100px;}

不要忘记加px(单位:像素)

谷歌浏览器的默认文字为16px

定义字体粗细

我们之前学了html的<b></b>和<strong></strong>我们也可以用css里的属性来设置字体的粗细

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSS语法</title><style>.bold {font-weight: bold;}</style>
</head><body><div class="bold">我是一行变粗的字</div>
</body>

看看效果:

我们也可以设置数字来决定粗细,选择700就和加粗是一个效果

normal==100,bold==700,数字后面不能加单位

在实际开发中,我们多用的是数字;但是如果你的内容十分重要的话,建议用html的方式加粗

定义文字样式
<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSS语法</title><style>.bold {font-weight: 700;}.em {font-style: italic;}</style>
</head><body><div class="bold">我是一行变粗的字</div><div class="em">我是一行变斜的字</div>
</body>

斜了:

但是一般我们不会让字变斜,更多的时候是让字体正过来:

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSS语法</title><style>.bold {font-weight: 700;}.em {font-style: italic;}.normal {font-style: normal;}</style>
</head><body><div class="bold">我是一行变粗的字</div><div class="em">我是一行变斜的字</div><em class="normal">我是一行变直的字</em>
</body>

本来是斜的,现在直了

复合属性

在一个类选择器里简写(但是不常用,而且感觉写起来累累的)

大概是这个格式:

 font:font-style font-weight font-size/line-height font-family 
#荷叶饭 {/* font:font-style font-weight font-size/line-height font-family */font: italic 700 50px 'icrosoft yahei';}

我觉得这个格式很神经病,规则也很多,例如:不能更换顺序,各个属性用空格隔开,不需要设置的属性值可以忽略,但又必须保留font_size和font_family属性,不然就不起作用

我将不会再使用这个写法

css文本属性

文本颜色

我们之前改变颜色都是用设定号的默认颜色选,像这样:

首先我们知道任何一种色光都可以用红、绿、蓝三种颜色组成,所以不同的颜色本质上只是其他颜色栈的比例不同而已:

RGB16进制代码,FF代表16,每两位十六进制数分别对应R(红色),G(绿色),B(l0-255的亮度值(占比)

其中红色#FF0000,绿色#00ff00,蓝色为#0000ff,黄色为#ffff00,紫色为#ff00ff,青色为#00ffff,白色#ffffff,黑色#000000(上面所提到的都是饱和色)

妈呀刚刚文章莫名其妙的乱码了

我们还可以用rgb格式来表示颜色,原理是哟个原理,都是用三原色不同亮度的占比来确定颜色的:

输入对应的值来修改颜色比例,范围也是0-255

因为本人小接触过一点电子绘画,其实颜色还有一种表示方法是用HSV三个参数来表示颜色,分别是色相,饱和度,色明度

颜色有很多种,红色、蓝色这种就是一个色相,一个颜色有多红/蓝,就是饱和度,一个颜色暗不暗/亮不亮就是亮度

(我一般画画更喜欢用hsv模式来找颜色,因为更符合人体工程,毕竟我不是计算机)

文本对齐

我们之前学了html里改变表格对齐方式的center,现在我们可以在css里改变文本的对齐方式:

 .陶喆 {text-align: center;}

同样的,把center改成left就可以向左对齐,right可以向右对齐

装饰文本

这个我们在html里也学过,包括下划线、删除线、上划线

在text-decoration这个属性里

underline:下划线

overline:上划线

line-through:删除线

none:默认值,默认什么都不加

   .陶喆 {text-decoration: underline;}.周杰伦 {text-decoration: overline;}.林俊杰 {text-decoration: line-through}

默认值什么时候使用?将带线的文本去线,例如引入的网址

文本缩进

感觉像学word。。。

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSS语法</title><style>p {text-indent: 20px;//缩进20px}</style>
</head><body><p>在意大利,一般在别人参加什么考试或者比赛之前,为了表达自己的祝福,就会对他们说:“In bocca allupo!”</p><p>这句话的字面意思是,在狼的嘴巴里。但是它的实际的意思相当于“祝你好运!”。而回答的时候一般会说:“Crepi!”意思是但愿如此。Crepi的原型是动词crepare,意为“裂开,破裂”。<p>很显然,既然在狼的嘴巴里,那么我们就把狼嘴给破开吧。</p></p>
</body>

In bocca allupo!

如果对20取负值,就会向左突出,消失:

20px是像素值的大小,并不方便我们真正的控制页面布局,使用还要另一种单位:em

em是一个相对单位,它表示的是一个当前元素(font-size)一个文字的大小;如果当前元素没有设置大小,则按照父元素的一个文字大小做单位(例如<li>就是<ul>的子元素)

 p {text-indent: 2em;}
行间距

妈呀我不会学的真是word吧

声明:

p {line-height: 16px;}

16像素是一个文字默认的大小

p {line-height: 26px;}

行距变宽了

css样式表

我们之前写的这种放在html文件内的叫内部样式表,还有一种外部样式表,新建一个css文件,使用link标签引入到html文件里,这样我们的样式也可以同时应用到多个html文件里,真正实现了结构和样式的分离:

我们把我们之前写的样式直接写道css文件里:

新建文件,后缀名为.css,写入声明:

  /* p {color: skyblue;font-size: 12px;} */div {color: deeppink;}.陶喆 {color: fuchsia}.周杰伦 {color: forestgreen}.first {height: 100px;width: 100px;background-color: gold;}.second {height: 100px;width: 100px;background-color: brown;}.third {height: 100px;width: 100px;background-color: black;}.eat {color: blueviolet;}.size {font-size: 12px;}#荷叶饭 {color: rgb(red, green, blue)}/* * {color: mediumslateblue;} */.陶喆 {font-family: '宋体'}.周杰伦 {font-family: 'Cambria';}.eat {font-family: 'Courier New', Courier, monospace;}/* body {font-size: 80px;}p {font-size: 100px;} */.bold {font-weight: 700;}.em {font-style: italic;}.normal {font-style: normal;}#荷叶饭 {/* font:font-style font-weight font-size/line-height font-family */font: italic 700 50px 'icrosoft yahei';}/* .陶喆 {text-align: center;} */.陶喆 {text-decoration: underline;}.周杰伦 {text-decoration: overline;}.林俊杰 {text-decoration: line-through}p {text-indent: 2em;}p {line-height: 16px;}

然后引入我们的css文件,在html文件的head标签内里用link标签:

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSS语法</title><link rel="stylesheet" href="1107.css">//stylesheet:样式表
</head><body><p>喜欢暴雪校园行的孩子们你们好啊</p><div>我是炉石传说玩家</div><span>励志轩</span><p>我最喜欢的模式是酒馆战旗模式</p><ul><li class="陶喆">流沙</li><li class="林俊杰">江南</li><li class="周杰伦">七里香</li><li class="陶喆">天天</li><li class="陶喆">蝴蝶</li><li class="陶喆">寂寞的季节</li><li class="林俊杰">美人鱼</li><li class="周杰伦">稻香</li></ul><div class="first">我是海绵宝宝的头</div><div class="second">我是海绵宝宝的裤子</div><div class="third">我是海绵宝宝的鞋</div><div class="eat size">励志轩喜欢吃苹果</div><div id="荷叶饭">我叫荷叶饭</div><div class="bold">我是一行变粗的字</div><div class="em">我是一行变斜的字</div><em class="normal">我是一行变直的字</em><p>在意大利,一般在别人参加什么考试或者比赛之前,为了表达自己的祝福,就会对他们说:“In bocca allupo!”</p><p>这句话的字面意思是,在狼的嘴巴里。但是它的实际的意思相当于“祝你好运!”。而回答的时候一般会说:“Crepi!”意思是但愿如此。Crepi的原型是动词crepare,意为“裂开,破裂”。<p>很显然,既然在狼的嘴巴里,那么我们就把狼嘴给破开吧。</p></p>
</body>

改变前:朴素的页面

改变后:

炒鸡好用(想吃美广的炒鸡)

如果进行很小的修改,是可以在行内修改的,其实style也是标签的属性:

<em class="normal" style="color: rgb(16, 9, 225);">我是一行变直的字</em>

一般还是更推荐外部样式表

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/59898.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

qt QCompleter详解

1、概述 QCompleter是Qt框架中的一个类&#xff0c;用于为文本输入提供自动完成功能。它可以与Qt的输入控件&#xff08;如QLineEdit、QTextEdit等&#xff09;结合使用&#xff0c;根据用户的输入实时过滤数据源&#xff0c;并在输入控件下方或内部显示补全建议列表。用户可以…

探索 Move 编程语言:智能合约开发的新纪元

目录 引言 一、变量的定义 二、整型 如何在Move中表示小数和负数&#xff1f; 三、运算符 as运算符 布尔型 地址类型 四、什么是包&#xff1f; 五、什么是模块&#xff1f; 六、如何定义方法&#xff1f; 方法访问权限控制 init方法 总结 引言 Move 是一种专为区…

ETLCloud异常问题分析ai功能

在数据处理和集成的过程中&#xff0c;异常问题的发生往往会对业务运营造成显著影响。为了提高ETL&#xff08;提取、转换、加载&#xff09;流程的稳定性与效率&#xff0c;ETLCloud推出了智能异常问题分析AI功能。这一创新工具旨在实时监测数据流动中的潜在异常&#xff0c;自…

遥控器工作核心技术以及传输信号算法详解!

一、遥控器传输信号算法 无线通信技术&#xff1a;无人机遥控器信号传输算法主要基于无线通信技术&#xff0c;通过特定的调制、编码和信号处理技术&#xff0c;将遥控器的操作指令转化为无线电信号&#xff0c;并传输给被控制设备。被控制设备接收到信号后&#xff0c;再将其…

Java中的线程安全问题(如果想知道Java中有关线程安全问题的基本知识,那么只看这一篇就足够了!)

前言&#xff1a;多线程编程已经广泛开始使用&#xff0c;其可以充分利用系统资源来提升效率&#xff0c;但是线程安全问题也随之出现&#xff0c;它直接影响了程序的正确性和稳定性&#xff0c;需要对其进行深入的理解与解决。 ✨✨✨这里是秋刀鱼不做梦的BLOG ✨✨✨想要了解…

基于STM32设计的森林火灾监测系统

文章目录 一、前言1.1 项目介绍【1】项目开发背景【2】设计实现的功能【3】项目硬件模块组成【4】研究背景与意义 1.2 设计思路1.3 系统功能总结1.4 开发工具的选择【1】设备端开发【2】上位机开发 1.5 参考文献 二、部署华为云物联网平台2.1 物联网平台介绍2.2 开通物联网服务…

Webserver(4.9)本地套接字的通信

目录 本地套接字 本地套接字 TCP\UDP实现不同主机、网络通信 本地套接字实现本地的进程间的通信&#xff0c;类似的&#xff0c;一般采用TCP的通信流程 生成套接字文件 #include<arpa/inet.h> #include<stdio.h> #include<stdlib.h> #include<unistd.h&…

第十五届蓝桥杯C/C++B组题解——数字接龙

题目描述 小蓝最近迷上了一款名为《数字接龙》的迷宫游戏&#xff0c;游戏在一个大小为N N 的格子棋盘上展开&#xff0c;其中每一个格子处都有着一个 0 . . . K − 1 之间的整数。游戏规则如下&#xff1a; 从左上角 (0, 0) 处出发&#xff0c;目标是到达右下角 (N − 1, N …

jmeter常用配置元件介绍总结之安装插件

系列文章目录 1.windows、linux安装jmeter及设置中文显示 2.jmeter常用配置元件介绍总结之安装插件 3.jmeter常用配置元件介绍总结之取样器 jmeter常用配置元件介绍总结之安装插件 1.下载插件2.安装插件管理包3.不用插件管理包&#xff0c;直接官网插件下载安装 1.下载插件 jm…

InnoDB 存储引擎<六> Redo log

目录 关于Redo Log 的一些其余问题 小结 本篇承接自InnoDB存储引擎<五>的内容 InnoDB 存储引擎&#xff1c;五&#xff1e; 关于Redo Log 的一些其余问题 4.不同⽇志类型对应了哪些操作&#xff1f; 分析过程&#xff1a; 1.⽇志类型总体可以分为三⼤类&#xff0c;…

Linux挖矿病毒(kswapd0进程使cpu爆满)

一、摘要 事情起因:有台测试服务器很久没用了&#xff0c;突然监控到CPU飙到了95以上&#xff0c;并且阿里云服务器厂商还发送了通知消息&#xff0c;【阿里云】尊敬的xxh: 经检测您的阿里云服务&#xff08;ECS实例&#xff09;i-xxx存在挖矿活动。因此很明确服务器中挖矿病毒…

变电站接地电阻监测装置-输电铁塔接地电阻监测装置:实时监测,预防故障

变电站接地电阻监测装置 接地电阻对电力系统的安全和稳定性至关重要&#xff0c;但在高压环境和极端气候下&#xff0c;接地系统可能出现性能下降&#xff0c;增加故障和跳闸的风险。传统的人工检测方法常常无法及时发现这些问题&#xff0c;并且操作繁琐。为此&#xff0c;我…

练习LabVIEW第四十三题

学习目标&#xff1a; 模拟红绿灯&#xff0c;红灯亮十秒&#xff0c;绿灯亮五秒&#xff0c;交替&#xff0c;并用波形图将波形显示 开始编写&#xff1a; 前面板 两个指示灯&#xff0c;一个红色&#xff0c;一个绿色&#xff0c;一个波形图&#xff1b; 程序框图 创建…

MySQL45讲 第十一讲 怎么给字符串字段加索引?

文章目录 MySQL45讲 第十一讲 怎么给字符串字段加索引&#xff1f;一、引言二、前缀索引&#xff08;一&#xff09;概念与创建方式&#xff08;二&#xff09;数据结构与存储差异&#xff08;三&#xff09;确定前缀长度的方法 三、前缀索引对覆盖索引的影响四、其他索引创建方…

STM32CUBEIDE FreeRTOS操作教程(八):queues多队列

STM32CUBEIDE FreeRTOS操作教程&#xff08;八&#xff09;&#xff1a;queues多队列 STM32CUBE开发环境集成了STM32 HAL库进行FreeRTOS配置和开发的组件&#xff0c;不需要用户自己进行FreeRTOS的移植。这里介绍最简化的用户操作类应用教程。以STM32F401RCT6开发板为例&#…

2.Python解释器

python解释器程序&#xff0c;用来翻译python代码&#xff0c;并提交给计算机执行。 上一篇博客就是安装了python解释器程序 写一个python文件&#xff0c;在文件中写入多行代码并执行&#xff1a; 进入python后&#xff0c;输入exit()命令退出

JAVA笔记 | ResponseBodyEmitter等异步流式接口快速学习

先简单记录下简单使用跟测试&#xff0c;后续再补充具体&#xff0c;最近有用到&#xff0c;简单来说就是后端(服务端)编写个发射器&#xff0c;实现一次请求&#xff0c;一直向前端客户端发射数据&#xff0c;直到发射器执行完毕&#xff0c;模拟ai一句一句回复的效果 Respon…

Liunx:文件fd、重定向、管道

文件fd&#xff1a; 操作系统运行中一定存在着许多被打开的文件&#xff0c;这些文件需要被管理。一个进程会打开若干个文件。一个文件如果在操作系统中被打开&#xff0c;那么必须给该文件创建一个文件对象&#xff0c;包含被打开文件的各种属性。那么进程与文件的关系就变成…

linux笔记(DNS)

一、概念 DNS&#xff08;Domain Name System&#xff09;DNS 是一种分布式网络目录服务&#xff0c;主要用于将人类易于记忆的域名&#xff08;如 www.example.com&#xff09;转换为计算机可识别的 IP 地址&#xff08;如 192.168.1.1&#xff09;。它就像是互联网的电话簿&a…

优衣库在淘宝平台的全方位竞品分析与店铺表现研究:市场定位与竞争策略透视

优衣库品牌在淘宝平台的全方位竞品与店铺表现分析 一、品牌商品分析 1.商品列表与分类分析&#xff08;数据来源&#xff1a;关键词商品搜索接口&#xff1b;获取时间&#xff1a;2024.08.30&#xff09; 商品类别分布柱状图&#xff1a; 根据关键词商品搜索接口获取到的优衣…