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.rhkb.cn/news/467677.html

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

相关文章

[全网最细数据结构完整版]第七篇:3分钟带你吃透队列

目录 1->队列的概念及结构 2->队列的实现 2.1定义队列基本结构 struct QueueNode 和 struct Queue 2.2队列初始化函数 QueueInit 函数 2.3队列销毁函数 QueueDestroy 函数 2.4队列插入数据函数 QueuePush 函数 2.5判断队列是否为空,空返回true,非空返回false 2.6队列删…

Android笔记(三十五):用责任链模式封装一个App首页Dialog管理工具

背景 项目需要在首页弹一系列弹窗&#xff0c;每个弹窗是否弹出都有自己的策略&#xff0c;以及哪个优先弹出&#xff0c;哪个在上一个关闭后再弹出&#xff0c;为了更好管理&#xff0c;于是封装了一个Dialog管理工具 效果 整体采用责任链模块设计&#xff0c;控制优先级及弹…

掌握软件组件/单元测试中的这些术语,你就算正式入门了

上篇干货&#xff0c;和大家分享了软件测试的几个级别&#xff0c;在【组件/单元测试】当中&#xff0c;涉及不少名词术语。从之前的学员学习过程来看&#xff0c;这里比较容易出现概念混乱&#xff0c;进而导致面试过程中频频翻车&#xff0c;所以有必要在这里单独拎出来和大家…

html的week控件 获取周(星期)的第一天(周一)和最后一天(周日)

html的week控件 获取周(星期)的第一天(周一)和最后一天(周日) <input type"week" id"week" class"my-css" value"ViewBag.DefaultWeek" /><script> function PageList() { var dateStrin…

【主机游戏】艾尔登法环游戏攻略

艾尔登法环&#xff0c;作为一款备受好评但优化问题频发的游戏&#xff0c;就连马斯克都夸过 今天介绍一下这款游戏 https://pan.quark.cn/s/24760186ac0b 角色升级 在《艾尔登法环》中&#xff0c;角色升级需要找到梅琳娜。你可以在关卡前废墟的营地附近&#xff0c;风暴关…

CSS 中三角形的绘制方法详解

在网页设计领域&#xff0c;特殊形状常常能为页面增添独特的视觉效果&#xff0c;三角形便是其中之一。本文将详细介绍如何利用 CSS 绘制三角形。 一、原理阐述 CSS 中一个元素的边框分为上边框、右边框、下边框和左边框。当把一个元素的宽度和高度设为 0&#xff0c;且只让其…

虚拟机linux7.9下安装mysql

1.MySQL官网下载安装包&#xff1a; MySQL :: Download MySQL Community Server https://cdn.mysql.com/archives/mysql-5.7/mysql-5.7.39-linux-glibc2.12-x86_64.tar.gz 2.解压文件&#xff1a; #tar xvzf mysql-5.7.39-linux-glibc2.12-x86_64.tar.gz 3.移动文件&#…

负载均衡式在线oj项目开发文档(个人项目)

项目目标 需要使用的技术栈&#xff1a; 这个项目共分成三个模块第一个模块为公共的模块&#xff0c;用于解决字符串处理&#xff0c;文件操作&#xff0c;网络连接等等的问题。 第二个模块是一个编译运行的模块&#xff0c;这个模块的主要功能就是将用户的代码收集上来之后要…

MySQL数据库专栏(五)连接MySQL数据库C API篇

摘要 本篇文章主要介绍通过C语言API接口链接MySQL数据库&#xff0c;各接口功能及使用方式&#xff0c;辅助类的封装及调用实例&#xff0c;可以直接移植到项目里面使用。 目录 1、环境配置 1.1、添加头文件 1.2、添加库目录 2、接口介绍 2.1、MySql初始化及数据清理 2.1.…

PH热榜 | 2024-11-08

DevNow 是一个精简的开源技术博客项目模版&#xff0c;支持 Vercel 一键部署&#xff0c;支持评论、搜索等功能&#xff0c;欢迎大家体验。 在线预览 1. Quorini 标语&#xff1a;几分钟内设计并运行无服务器云 API 介绍&#xff1a;Quorini 提供了一套可视化的工具&#xff…

QML:Menu详细使用方法

目录 一.性质 二.作用 三.方法 四.使用 1.改变标签 2.打开本地文件 3.退出程序 4.打开Dialog 五.效果 六.代码 在 QML 中&#xff0c;Menu 是一个用于创建下拉菜单或上下文菜单的控件。它通常由多个 MenuItem 组成&#xff0c;每个 MenuItem 可以包含文本、图标和快捷…

k8s 处理namespace删除一直处于Terminating —— 筑梦之路

问题现象 k8s集群要清理某个名空间&#xff0c;把该名空间下的资源全部删除后&#xff0c;删除名空间&#xff0c;一直处于Terminating状态&#xff0c;无法完全清理掉。 如何处理 为什么要记录下这个处理的步骤&#xff0c;经过查询资料&#xff0c;网上也有各种各样的方法&…

>>,<<,~,,|,∧

‌监视器中的数值在十六进制显示时没有负数&#xff0c;主要是因为十六进制本身不直接表示负数&#xff0c;而是通过补码的形式来表示。

【韩老师零基础30天学会Java 】03章 变量

第三章 变量 1. 变量介绍 为什么需要变量&#xff1f; 变量是程序的基本组成单位 变量有三个基本单位&#xff1a;类型名称值 //1.定义变量int age 20;double score88.6;char gender男;String namejack;变量使用注意事项 变量表示内存中的一个存储区域[不同的变量,类型不同&am…

扭蛋机小程序开发,潮玩扭蛋机市场下新机遇

随着大众对潮玩文化的需求不断增长&#xff0c;市场进行了创新升级&#xff0c;不再局限于传统的销售营销模式&#xff0c;进一步推动行业的发展。目前&#xff0c;扭蛋机的种类越来越丰富&#xff0c;从手办、玩具到各种IP周边等&#xff0c;为市场带来更多新颖的扭蛋商品。销…

Unity 实现数字垂直滚动效果

Unity 实现数字垂直滚动效果 前言项目场景布置Shader代码编写材质球设置代码编写数字图片 前言 遇到一个需要数字垂直滚动模拟老虎机的效果&#xff0c;记录一下。 项目 场景布置 3个Image换上带有RollNumberShader的材质 在RollNumberScript脚本中引用即可 Shader代码编…

记录解决vscode 登录leetcode中遇到的问题

1. 安装完 leetcode 点击sign in to leetcode 点击打开网站登录leetcode&#xff0c;发现网页无法打开。 解决办法&#xff1a;将leetcode.cn.js文件中的leetcode-cn.com路径都改成leetcode.cn 2. 继续点击 sign in to leetcode &#xff0c;选择使用账号登录&#xff0c;始…

设计模式之适配器模式(从多个MQ消息体中,抽取指定字段值场景)

前言 工作到3年左右很大一部分程序员都想提升自己的技术栈&#xff0c;开始尝试去阅读一些源码&#xff0c;例如Spring、Mybaits、Dubbo等&#xff0c;但读着读着发现越来越难懂&#xff0c;一会从这过来一会跑到那去。甚至怀疑自己技术太差&#xff0c;慢慢也就不愿意再触碰这…

万字长文解读深度学习——循环神经网络RNN、LSTM、GRU、Bi-RNN

推荐阅读&#xff1a; 深度学习知识点全面总结 如何从RNN起步&#xff0c;一步一步通俗理解LSTM 深度学习之RNN(循环神经网络) 循环神经网络&#xff08;RNN与LSTM&#xff09; 文章目录 &#x1f33a;深度学习面试八股汇总&#x1f33a;文本特征提取的方法1. 基础方法1.1 词袋…

Qt 使用QTreeView显示并动态的增删改查JSON文件数据

文章目录 效果图概述部分代码总结 效果图 概述 本案例在此开源项目QJsonModel的基础上实现&#xff0c;动态的生成并操作JSON数据&#xff0c;QJsonModel是一个基于QAbstractItemModel的JSON数据模型&#xff0c;它提供了一种简单的方式来将JSON数据可视化&#xff0c;功能简单…