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.xdnf.cn/news/8633.html

如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!

相关文章

解析 “Cookies Not Marked as HttpOnly” 漏洞

一、引言 在 Web 应用安全领域&#xff0c;Cookies 相关的漏洞一直是备受关注的问题。其中&#xff0c;“Cookies Not Marked as HttpOnly” 漏洞可能会对用户数据安全和网站的正常运行造成潜在威胁。本文将详细介绍这个漏洞&#xff0c;包括其原理、影响、检测方法以及修复措…

基于MATLAB DCT域图像水印技术

1数字水印技术的概念和特点 数字水印&#xff08;Digital Watermark&#xff09;技术是将与多媒体内容相关或不相关的一些标示信息直接嵌入多媒体内容当中&#xff0c;但不影响原内容的使用价值&#xff0c;并不容易被人的知觉系统觉察或注意到。通过这些隐藏在多媒体内容中的…

【语义分割|代码解析】CMTFNet-2: CNN and Multiscale Transformer Fusion Network 用于遥感图像分割!

【语义分割|代码解析】CMTFNet-2: CNN and Multiscale Transformer Fusion Network 用于遥感图像分割&#xff01; 【语义分割|代码解析】CMTFNet-2: CNN and Multiscale Transformer Fusion Network 用于遥感图像分割&#xff01; 文章目录 【语义分割|代码解析】CMTFNet-2: …

在暗处执着生长,终有一日馥郁传香

总有人说很孤独&#xff0c;一个人吃饭&#xff0c;一个人上班&#xff0c;一个人逛街&#xff1b; 总有人又说享受孤独&#xff0c;面对时间&#xff0c;迎接苦难&#xff0c;战胜痛苦&#xff1b; 可没人说这些的大前提是你要有信念支撑啊&#xff0c;如果干完了上面的所有&a…

揭秘集装箱箱号自动识别原理,箱号识别算法

集装箱箱号自动识别算法是一种高效且实用的软件工具。它利用相机、手机或其他摄像头捕获集装箱箱号图像&#xff0c;并通过深度学习的OCR&#xff08;光学字符识别&#xff09;识别技术对集装箱号码进行准确识别。要想进行集装箱箱号识别&#xff0c;需要以下几个基本步骤&…

JavaScript 网页设计详解教程

JavaScript 网页设计详解教程 引言 JavaScript 是一种广泛使用的编程语言&#xff0c;主要用于网页开发。它使得网页具有动态交互性&#xff0c;能够响应用户的操作。随着前端开发的不断发展&#xff0c;JavaScript 已成为现代网页设计中不可或缺的一部分。本文将详细介绍 Ja…

高新技术企业知识库搭建:在创新创业中的支撑作用

在快速迭代的科技时代&#xff0c;高新技术企业&#xff08;以下简称“高企”&#xff09;作为推动经济社会发展的核心力量&#xff0c;正面临着前所未有的创新挑战与机遇。知识库&#xff0c;作为信息时代的智慧宝库&#xff0c;不仅承载着企业内部的宝贵知识与经验&#xff0…

ReposVul: A Repository-Level High-Quality Vulnerability Dataset 论文阅读

本文发表于 ICSE2024 会议中。 引入 在过去的漏洞数据库中&#xff0c;主要存在以下几种问题&#xff1a; 无效补丁&#xff08;Tangled Patches&#xff09;&#xff1a;针对某个漏洞的补丁无法正确修复该漏洞缺乏跨函数漏洞&#xff08;Inter-procedural Vulnerabilities&…

【图解版】力扣第70题:爬楼梯

推理出状态表达式 f(5)表示到达第5层&#xff0c;所有可能的方法数。 到达第5层&#xff0c;有可能是从第4层走一步上来&#xff0c;也有可能是从第3层走两步上来。所以我们可以慢慢延伸&#xff0c;画出上面&#x1f446;&#x1f3fb;的图。 从图中&#xff0c;我们可以看到…

使用Docker快速部署FastAPI Web应用

Docker是基于 Linux 内核的cgroup、namespace以及 AUFS 类的Union FS 等技术&#xff0c;对进程进行封装隔离&#xff0c;一种操作系统层面的虚拟化技术。Docker中每个容器都基于镜像Image运行&#xff0c;镜像是容器的只读模板&#xff0c;容器是模板的一个实例。镜像是分层结…

QT——自定义控件绘图

一.QPaintEvent绘图事件 QPaintEvent是QT中一个重要的类&#xff0c;专门用于绘图事件。当QT视图组件需要重绘制自己的一部分时&#xff0c;就会产生该事件&#xff0c;通常发生在以下几种情况。 窗口第一次显示时&#xff1a;当窗口或控件第一次出现在屏幕中&#xff0c;系统…

Java项目实战II基于Java+Spring Boot+MySQL的高校办公室行政事务管理系统(源码+数据库+文档)

目录 一、前言 二、技术介绍 三、系统实现 四、文档参考 五、核心代码 六、源码获取 全栈码农以及毕业设计实战开发&#xff0c;CSDN平台Java领域新星创作者&#xff0c;专注于大学生项目实战开发、讲解和毕业答疑辅导。获取源码联系方式请查看文末 一、前言 在高等教育…

非计算机背景但是想从事医学AI研究,需要掌握的编程语言|个人观点·24-11-08

小罗碎碎念 目前&#xff0c;我们从事医学AI研究的&#xff0c;接触的最多的两种编程语言应该就是R和Python了。那么初学者很容易提出一个疑问&#xff0c;**我想从事医学AI相关的研究的话&#xff0c;应该学哪些编程语言呢&#xff1f;**在文章的开头&#xff0c;我可以先给出…

arkUI:Flex弹性布局的各个属性

arkUI&#xff1a;Flex弹性布局的简单使用 1 主要内容说明2 相关内容2.1 Flex弹性布局的方向2.1.1 源码1的简答说明2.1.2 源码1 &#xff08;Flex弹性布局的方向&#xff09;2.1.3 源码1运行效果2.1.3.1 当direction: FlexDirection.RowReverse2.1.3.2 当direction: FlexDirect…

高效Web测试:构建Pytest、Allure和Jenkins的自动化测试生态

Pytest介绍 pytest是一个非常成熟的全功能的Python测试框架&#xff0c;主要有以下几个特点&#xff1a;简单灵活、容易上手、文档丰富&#xff1b;支持参数化&#xff0c;可以细粒度地控制被测用例&#xff1b;能够支持简单的单元测试和复杂的功能测试&#xff0c;还可以用来…

ros入门:topic话题通信(c++)

准备工作 创建工作空间 mkdir -p demo02_pub/src/ 生成依赖文件 cd demo02_pub/ catkin_make 进入src目录执行 catkin_create_pkg ros_pub_sub/ roscpp rospy std__msgs 发布者实现 消息发布代码编写 cd demo02_pub/src/ros_pub_sub/src 创建代码文件demo01_pub.cc …

重建大师7.0 | 质效全面提升,塑造更优质的实景三维重建

在大势智慧“AI智算、国产信创”2024秋季新品发布会上&#xff0c;重建大师7.0版以其卓越性能惊艳登场。这一新版本不仅引入了创新的倾斜高斯泼溅方法&#xff08;OPGS&#xff09;&#xff0c;实现城市级场景的高效三维重建。 针对传统倾斜建模方法&#xff0c;重建大师7.0同…

Unity性能优化5【物理篇】

1.刚体的碰撞检测属性首选离散型 离散碰撞的缺点是小物体快速移动时&#xff0c;有丢失碰撞的风险。此下拉菜单中&#xff0c;越下面的选项碰撞检测频率越高&#xff0c;性能消耗也显著增加。因此在选择碰撞检测类型时尽量选择离散型。 2.优化碰撞矩阵 合理标记碰撞矩阵可以减…

【threejs】创建及管理场景内的后期处理效果(以bloom为例,开箱即用)

场景内使用 //创建后期通道this.effectManager new EffectManager({ renderer, camera, scene, dom })//循环渲染// 动画----------effect为我控制后期特效的开关animate() {requestAnimationFrame(this.animate);let { camera, controls, effectManager, effect } thisif (!…

建立用邻接表表示的无向图

创建一个建立用邻接表表示的无向图 #include<stdio.h> #include<stdlib.h> typedef struct node {int adjvex;struct node *next; }Anode; typedef struct {char vertex;Anode *link; }Unode; typedef struct {Unode adjlist[100];int vexnum,arcnum; }Adjgraph; …