第四章必备前端基础知识-第二节2：CSS属性

news2024/11/15 17:53:36

文章目录

  • 一：CSS属性一览表
  • 二：常用属性详解
    • （1）字体属性
    • （2）文本属性
    • （3）背景属性

一：CSS属性一览表

W3C：元素属性

A：

align-content规定弹性容器内的行之间的对齐方式，当项目不使用所有可用空间时。
align-items规定弹性容器内项目的对齐方式。
align-self规定弹性容器内所选项目的对齐方式。
all重置所有属性（除了 unicode-bidi 和 direction）。
animation所有 animation-* 属性的简写属性。
animation-delay规定开始动画的延迟。
animation-direction规定动画是向前播放、向后播放还是交替播放。
animation-duration规定动画完成一个周期应花费的时间。
animation-fill-mode规定元素在不播放动画时（在开始之前、结束之后、或同时）的样式。
animation-iteration-count规定动画的播放次数。
animation-name规定 @keyframes 动画的名称。
animation-play-state规定动画是播放还是暂停。
animation-timing-function规定动画的速度曲线。

B：

backface-visibility定义当面对用户时元素的背面是否应可见。
background所有 background-* 属性的简写属性。
background-attachment设置背景图像是与页面的其余部分一起滚动还是固定的。
background-blend-mode规定每个背景图层（颜色/图像）的混合模式。
background-clip定义背景（颜色或图像）应在元素内延伸的距离。
background-color规定元素的背景色。
background-image规定元素的一幅或多幅背景图像。
background-origin规定背景图像的初始位置。
background-position规定背景图像的位置。
background-repeat设置是否以及如何重复背景图像。
background-size规定背景图像的尺寸。
borderborder-width、border-style 以及 border-color 的简写属性。
border-bottomborder-bottom-width、border-bottom-style 以及 border-bottom-color 的简写属性。
border-bottom-color设置下边框的颜色。
border-bottom-left-radius定义左下角的边框圆角。
border-bottom-right-radius定义右下角的边框圆角。
border-bottom-style设置下边框的样式。
border-bottom-width设置下边框的宽度。
border-collapse设置表格边框是折叠为单一边框还是分开的。
border-color设置四条边框的颜色。
border-imageborder-image-* 属性的简写属性。
border-image-outset规定边框图像区域超出边框的量。
border-image-repeat规定边框图像应重复、圆角、还是拉伸。
border-image-slice规定如何裁切边框图像。
border-image-source规定用作边框的图像的路径。
border-image-width规定边框图像的宽度。
border-left所有 border-left-* 属性的简写属性。
border-left-color设置左边框的颜色。
border-left-style设置左边框的样式。
border-left-width设置左边框的宽度。
border-radius四个 border-*-radius 属性的简写属性。
border-right所有 border-right-* 属性的简写属性。
border-right-color设置右边框的颜色。
border-right-style设置右边框的样式。
border-right-width设置右边框的宽度。
border-spacing设置相邻单元格边框之间的距离。
border-style设置四条边框的样式。
border-topborder-top-width、border-top-style 以及 border-top-color 的简写属性。
border-top-color设置上边框的颜色。
border-top-left-radius定义左上角的边框圆角。
border-top-right-radius定义右上角的边框圆角。
border-top-style设置上边框的样式。
border-top-width设置上边框的宽度。
border-width设置四条边框的宽度。
bottom设置元素相对于其父元素底部的位置。
box-decoration-break设置元素在分页符处的背景和边框的行为，或对于行内元素在换行符处的行为。
box-shadow将一个或多个阴影附加到元素。
box-sizing定义元素的宽度和高度的计算方式：它们是否应包含内边距和边框。
break-after规定指定元素之后是否应出现 page-、column- 或 region-break。
break-before规定指定元素之前是否应出现 page-、column- 或 region-break。
break-inside规定指定元素内部是否应出现 page-、column- 或 region-break。

C：

caption-side规定表格标题的放置方式。
caret-color规定光标在 input、textarea 或任何可编辑元素中的颜色。
@charset规定样式表中使用的字符编码。
clear规定不允许在元素的哪一侧浮动元素
clip剪裁绝对定位的元素。
clip-path将元素裁剪为基本形状或 SVG 源。
color设置文本的颜色。
column-count规定元素应分为的列数。
column-fill指定如何填充列（是否 balanced）。
column-gap规定列间隙。
column-rule所有 column-rule-* 属性的简写属性。
column-rule-color规定列之间规则的颜色。
column-rule-style规定列之间的规则样式。
column-rule-width规定列之间的规则宽度。
column-span规定元素应该跨越多少列。
column-width规定列宽度。
columnscolumn-width 和 column-count 的简写属性。
content与 :before 和 :after 伪元素一起使用，来插入生成的内容。
counter-increment增加或减少一个或多个 CSS 计数器的值。
counter-reset创建或重置一个或多个 CSS 计数器。
cursor规定当指向元素时要显示的鼠标光标。

D：

direction规定文本方向/书写方向。
display规定如何显示某个 HTML 元素。

E：

empty-cells规定是否在表格中的空白单元格上显示边框和背景。

F：

filter定义元素显示之前的效果（例如，模糊或颜色偏移）。
flexflex-grow、flex-shrink 以及 flex-basis 的简写属性。
flex-basis规定弹性项目的初始长度。
flex-direction规定弹性项目的方向。
flex-flowflex-direction 和 flex-wrap 的简写属性。
flex-grow规定项目相对于其余项目的增量。
flex-shrink规定项目相对于其余项目的减量。
flex-wrap规定弹性项目是否应该换行。
float规定是否应该对盒（box）进行浮动。
fontfont-style、font-variant、font-weight、font-size/line-height 以及 font-family 的简写属性。
@font-face允许网站下载和使用 “web-safe” 字体以外的其他字体的规则。
font-family规定文本的字体族（字体系列）。
font-feature-settings允许控制 OpenType 字体中的高级印刷特性。
@font-feature-values允许创作者使用 font-variant-alternate 中的通用名来实现在 OpenType 中以不同方式激活的特性。
font-kerning控制字距调整信息的使用（字母间距）。
font-language-override控制特定语言的字形在字体的使用。
font-size规定文本的字体大小。
font-size-adjust保持发生字体回退时的可读性。
font-stretch从字体系列中选择一个普通的、压缩的或扩展的字体。
font-style规定文本的字体样式。
font-synthesis控制哪些缺失的字体（粗体或斜体）可以由浏览器合成。
font-variant规定是否应该以小型大写字体显示文本。
font-variant-alternates控制与 @font-feature-values 中定义的备用名称关联的备用字形的使用。
font-variant-caps控制大写字母的备用字形的使用。
font-variant-east-asian控制东亚文字（例如中文和日语）的备用字形的使用。
font-variant-ligatures控制在适用于元素的文本内容中使用哪些连字和上下文形式。
font-variant-numeric控制数字、分数和序号标记的备用字形的使用。
font-variant-position控制较小字体的替代字形的使用，这些字形相对于字体基线定位为上标或下标。
font-weight规定字体的粗细。

G：

gridgrid-template-rows、grid-template-columns、grid-template-areas、grid-auto-rows、grid-auto-columns 以及 grid-auto-flow 属性的简写属性。
grid-area即可规定网格项的名称，也可以是 grid-row-start、grid-column-start、grid-row-end 以及 grid-column-end 属性的简写属性。
grid-auto-columns规定默认的列尺寸。
grid-auto-flow规定如何在网格中插入自动放置的项目。
grid-auto-rows规定默认的行尺寸。
grid-columngrid-column-start 和 grid-column-end 属性的简写属性。
grid-column-end规定如何结束网格项目。
grid-column-gap规定列间隙的尺寸。
grid-column-start规定网格项目从何处开始。
grid-gapgrid-row-gap 和 grid-column-gap 的简写属性。
grid-rowgrid-row-start 和 grid-row-end 属性的简写属性。
grid-row-end规定网格项目在何处结束。
grid-row-gap规定列间隙的尺寸。
grid-row-start规定网格项目从何处开始。
grid-templategrid-template-rows、grid-template-columns 以及 grid-areas 属性的简写属性。
grid-template-areas规定如何使用命名的网格项显示列和行。
grid-template-columns指定列的尺寸以及网格布局中的列数。
grid-template-rows指定网格布局中的行的尺寸。

H：

hanging-punctuation规定是否可以在行框外放置标点符号。
height设置元素的高度。
hyphens设置如何分割单词以改善段落的布局。

I：

image-rendering当图像被缩放时，向浏览器提供关于保留图像的哪些最重要的方面的信息。
@import允许您将样式表导入另一张样式表。
isolation定义元素是否必须创建新的堆叠内容。

J：

justify-content规定项目在弹性容器内的对齐方式，当项目未用到所有可用空间时。

K：

@keyframes规定动画代码。

L：

left规定定位元素的左侧位置。
letter-spacing增加或减少文本中的字符间距。
line-break如何如何/是否换行。
line-height设置行高。
list-style在一条声明中设置所有列表属性。
list-style-image把图像指定为列表项标记。
list-style-position规定列表项标记的位置。
list-style-type规定列表项标记的类型。

M：

margin在一条声明中设置所有外边距属性。
margin-bottom设置元素的下外边距。
margin-left设置元素的左外边距。
margin-right设置元素的右外边距。
margin-top设置元素的上外边距。
mask通过在特定位置遮罩或剪切图像来隐藏元素。
mask-type规定将遮罩元素用作亮度或 Alpha 遮罩。
max-height设置元素的最大高度。
max-width设置元素的最大宽度。
@media为不同的媒体类型、设备、尺寸设置样式规则。
min-height设置元素的最小高度。
min-width设置元素的最小宽度。
mix-blend-mode规定元素内容应如何与其直接父的背景相混合。

O：

object-fit规定替换元素的内容应如何适合其所用高度和宽度建立的框。
object-position指定替换元素在其框内的对齐方式。
opacity设置元素的不透明等级。
order设置弹性项目相对于其余项目的顺序。
orphans设置在元素内发生分页时必须保留在页面底部的最小行数。
outlineoutline-width、outline-style 以及 outline-color 属性的简写属性。
outline-color设置轮廓的颜色。
outline-offset对轮廓进行偏移，并将其绘制到边框边缘之外。
outline-style设置轮廓的样式。
outline-width设置轮廓的宽度。
overflow规定如果内容溢出元素框会发生什么情况。
overflow-wrap规定浏览器是否可能为了防止溢出而在单词内折行（当字符串太长而无法适应其包含框时）。
overflow-x规定是否剪裁内容的左右边缘，如果它溢出了元素的内容区域。
overflow-y规定是否剪裁内容的上下边缘，如果它溢出了元素的内容区域。

P：

padding所有 padding-* 属性的简写属性。
padding-bottom设置元素的下内边距。
padding-left设置元素的左内边距。
padding-right设置元素的右内边距。
padding-top设置元素的上内边距。
page-break-after设置元素之后的分页（page-break）行为。
page-break-before设置元素之前的分页（page-break）行为。
page-break-inside设置元素内的分页（page-break）行为。
perspective为 3D 定位元素提供透视。
perspective-origin定义用户观看 3D 定位元素的位置。
pointer-events定义元素是否对指针事件做出反应。
position规定用于元素的定位方法的类型（静态、相对、绝对或固定）。

Q：

quotes设置引号类型。

R：

resize定义用户是否以及如何调整元素的尺寸。
right规定定位元素的左侧位置。

S：

scroll-behavior规定可滚动框中是否平滑地滚动，而不是直接跳跃。

T：

tab-size规定制表符的宽度。
table-layout定义用于对单元格、行和列进行布局的算法。
text-align规定文本的水平对齐方式。
text-align-last描述当 text-align 为 “justify” 时，如何在强制换行之前对齐块或行的最后一行。
text-combine-upright将多个字符组合到到单个字符的空间中。
text-decoration规定文本装饰。
text-decoration-color规定文本装饰（text-decoration）的颜色。
text-decoration-line规定文本装饰（text-decoration）中的的行类型。
text-decoration-style规定文本装饰（text-decoration）中的行样式。
text-indent规定文本块（text-block）中的的首行缩进。
text-justify规定当 text-align 为 “justify” 时使用的对齐方法。
text-orientation定义行中的文本方向。
text-overflow规定当文本溢出包含元素时应该发生的情况。
text-shadow添加文本阴影。
text-transform控制文本的大写。
text-underline-position规定使用 text-decoration 属性设置的下划线的位置。
top规定定位元素的顶端位置。
transform向元素应用 2D 或 3D 转换。
transform-origin允许您更改转换元素的位置。
transform-style规定如何在 3D 空间中渲染嵌套的元素。
transition所有 transition-* 属性的简写属性。
transition-delay规定合适开始过渡效果。
transition-duration规定完成过渡效果所需的秒或毫秒数。
transition-property规定过渡效果对应的 CSS 属性的名称。
transition-timing-function规定过渡效果的速度曲线。

U：

unicode-bidi与 direction 属性一起使用，设置或返回是否应覆写文本来支持同一文档中的多种语言。
user-select规定是否能选取元素的文本。

V：

vertical-align设置元素的垂直对齐方式。
visibility规定元素是否可见。

W：

white-space规定如何处理元素内的空白字符。
widows设置如果元素内发生分页，必须在页面顶部保留的最小行数。
width设置元素的宽度。
word-break规定单词到达行末后如何换行。
word-spacing增加或减少文本中的单词间距。
word-wrap允许长的、不能折行的单词换到下一行。
writing-mode规定文本行是水平还是垂直布局。

Z：

z-index设置定位元素的堆叠顺序。

二：常用属性详解

（1）字体属性

字体类型：利用font-fmaily设置使用哪种字体，例如“楷体”、“宋体”等等。注意

  • 字体的名称可以使用中文（但是不建议）
  • 多个字体之间使用,分隔，此时浏览器会从左向右依次检查系统是否存在这种字体，如果所列字体都没有，将会使用默认字体（Chrome默认字体为微软雅黑）
  • 如果字体名有空格，需要使用引号包裹住
  • 为了保证兼容性，建议使用常用字体
<p id="english">this is english font-family</p>  
<p id="chinese1">这是中文字体1</p>  
<p id="chinese2">这是中文字体2</p>

#english {  
    font-family: Consolas;  
}  
  
#chinese1 {  
    font-family: 方正准圆简体;  
}  
  
#chinese2 {  
    font-family: 字魂109号-方格习字体;  
}

在这里插入图片描述

字体大小：利用font-weight设置字体显示的大小。注意

  • 单位是px
  • 由于不同浏览器默认字体大小是不一样的，所以最好给定一个明确各执，其中Chrome是16px
  • 可以对body标签使用font-size进行统一设定，注意标题标签要单独指定大小
<p>测试文字</p>

p {  
    font-size: 25px;  
}

在这里插入图片描述

字体粗细：利用font-weight设置字体的粗细。注意

  • 可以使用数字表示粗细，取值范围为[100, 900]
  • 也可以使用normal、bold、lighter、bolder进行设定
  • 其中700表示bold，400是normal
<p>测试文字</p>

p {  
    font-size: 25px;  
    font-weight: 700;  
}

在这里插入图片描述

字体样式：利用font-style设置字体样式。其取值含义如下

  • normal：显示标准字体样式

  • italic：显示一个斜体的字体样式

    • 注意：italic是字体自带的斜体属性，oblique是使字体向右倾斜。但是，并不是所有字体都具有斜体的样式，对于那些没有斜体样式的字体来说，使用italic是没有效果的，此时就可以利用oblique代替italic来实现字体倾斜的效果

  • oblique：显示一个倾斜的字体样式

<p id="normal">标准字体样式</p>  
<p id="italic">斜体字体样式</p>  
<p id="oblique">倾斜字体样式</p>

#italic {  
    font-style: italic;  
}  
  
#oblique {  
    font-style: oblique;  
}

在这里插入图片描述

（2）文本属性

文本颜色：使用color可以设置文本的显示颜色，主要有如下三种写法

  • 预定义颜色值：例如color: red
  • 十六进制形式：例如color: #ff0000
  • 使用RGB：例如color: rbg(255, 0, 0)
<p id="one">测试文字1</p>  
<p id="two">测试文字2</p>  
<p id="three">测试文字3</p>

#one {  
   color: green;  
}  
 
#two {  
   color: #008800;  
}  
 
#three {  
   color: rgb(0, 128, 0);  
}

在这里插入图片描述

文本对齐：使用text-align控制文字（也能控制图片等其他元素）在水平方向的对齐。其取值含义如下

  • center：居中对齐
  • left：左对齐
  • right：右对齐
<p id="one">居中</p>  
<p id="two">左对齐</p>  
<p id="three">右对齐</p>

#one {  
    text-align: center;  
}  
  
#two {  
    text-align: left;  
    }  
  
#three {  
    text-align: right;  
}

在这里插入图片描述

文本装饰：使用text-decoration对文字进行装饰。其权值含义如下

  • underline：下划线
  • none：什么都没有
  • overline：上划线
  • line-through：删除线
<p id="one">下划线</p>  
<p id="two">上划线</p>  
<p id="three">删除线</p>

#one {  
    text-decoration: underline;  
}  
  
#two {  
    text-decoration: overline;  
}  
  
#three {  
    text-decoration: line-through;  
}

在这里插入图片描述

文本缩进：使用text-indent控制段落的首行缩进。注意

  • 单位可以使用px或者em，但使用em更好，因为1个em就是当前元素的文字大小
  • 如果其值为负数，那么表示向左缩进
<p id="one">正常缩进</p>  
<p id="two">向左缩进</p>

#one {  
    text-indent: 2em;  
}  
  
#two {  
    text-indent: -2em;  
}

在这里插入图片描述

行高：在HTML中展示文字时会设置如下四个基准线

  • 顶线
  • 中线
  • 基线
  • 底线

如下，文字将会被包裹在由顶线和底线所围成的深灰色区域

在这里插入图片描述

而行高指的是文字本身的大小+上边距（该行文字顶线距上一行文字底线的距离）+下边距（）该行文字底线距下一行文字顶线的距离，CSS中可以使用line-height设置行高

<p>测试文字1</p>  
<p>测试文字2</p>  
<p>测试文字3</p>

p {  
    font-size: 16px;  
    line-height: 40px;  
}

在这里插入图片描述

（3）背景属性

背景颜色：使用background-color可以设置背景颜色

<div class="bgc">  
    <div class="one">红色背景</div>  
    <div class="two">绿色背景</div>  
    <div class="three">透明背景</div>  
</div>

  
.bgc .one {  
    background-color: red;  
}  
  
.bgc .two {  
    background-color: #0f0;  
}  
  
.bgc .three {  
    background-color: transparent;  
}

在这里插入图片描述

背景图片：使用background-image可以设置背景图片

  • 注意：背景颜色和背景图片可以同时存在，背景图片在背景颜色上方
<div></div>

div {  
    width: 1200px;  
    height: 1200px;  
    background-image: url(./air.png);  
}

在这里插入图片描述

背景平铺：使用background-repeat设置背景图片的平铺方式，其取值含义如下

  • repeat：平铺（默认值，如上图）
  • no-repeat：不平铺
  • repeat-x：水平平铺
  • repeat-y：垂直平铺
div {  
    width: 1200px;  
    height: 1200px;  
    background-image: url(./air.png);  
    background-repeat: no-repeat;  
}

在这里插入图片描述

背景位置：可以使用background-position修改图片的位置，有如下三种设置方式

  • 方位名词：(top, left, right- bottom)
  • 精确单位：(坐标x， 坐标y)

需要注意的是，浏览器中的坐标系是下面这样的，左下角为坐标原点

在这里插入图片描述

同时注意

  • 如果只指定了一个方位名词，那么第二个默认会居中（left为水平居中，top为垂直居中）
  • 如果只给定了x，那么y会垂直居中
div {  
    width: 500px;  
    height: 500px;  
    background-image: url(./air.png);  
    background-repeat: no-repeat;  
    background-color: blue;  
    background-position: center;  
}

在这里插入图片描述

背景尺寸：使用background-size设置图片的尺寸大小，有如下三种设置方式

  • 具体数值：
  • 百分比：此时参照父元素的尺寸大小进行设置
  • cover：使背景图片扩展至足够大，让其完全覆盖背景区域，此时背景图片的部分内容也许无法显示出来
  • contain：使背景图片扩展至最大尺寸，让其能完整显示

下图体现了cover（上）和contain（下）的区别

在这里插入图片描述

在这里插入图片描述

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

Android studio版本对用的gradle版本和插件版本（注意事项）

Android studio版本对用的gradle版本和插件版本（注意事项）

简介 Android Studio 构建系统以 Gradle 为基础&#xff0c;并且 Android Gradle 插件添加了几项专用于构建 Android 应用的功能。虽然 Android 插件通常会与 Android Studio 的更新步调保持一致&#xff0c;但插件&#xff08;以及 Gradle 系统的其余部分&#xff09;可独立于…
阅读更多...
实体店运营：能提高顾客留存率的店铺陈列方式

实体店运营：能提高顾客留存率的店铺陈列方式

今天是大年初一&#xff0c;秦丝祝各位商户老板新年快乐&#xff0c;喜迎开门红&#xff0c;赚个盆满钵满&#xff01;现在还在营业的实体店应该不多了吧&#xff1f;大部分老板都回家团圆了。忙忙碌碌一整年&#xff0c;好不容易到了年关&#xff0c;好好休息是应该的。但是店…
阅读更多...
Go存储引擎相关资料汇总

Go存储引擎相关资料汇总

背景 ​ 最近逛知乎的时候看到了这个问题&#xff0c;“Go语言如何写数据库&#xff1f;”。说来我业余时间在这个领域有一些时间精力的投入了&#xff0c;所以想回答一下。我投入的方向是存储引擎方面&#xff0c;所以这篇文章主要是总结一下我看过的一些比较好的Go存储引擎的…
阅读更多...
二维费用背包问题

二维费用背包问题

二维费用背包问题一、问题二、思路1、状态表示2、状态转移3、循环设计4、注意三、代码一、问题 二、思路 这道题归根结底还是背包问题的一种&#xff0c;面对背包问题&#xff0c;我们的思路就是面对前i个物品的时候&#xff0c;我们的第i个物品是选还是不选&#xff0c;如果条…
阅读更多...
关于ARM的向量中断控制器NVIC

关于ARM的向量中断控制器NVIC

学习或者了解过ARM的朋友应该都会知道NVIC这么个东西&#xff0c;这个东西也是ARM中非常重要的东西&#xff0c;它是ARM不可分离的部分&#xff0c;搭配着内核共同完成着对中断的响应。 1、那到底NVIC是个啥东西呢&#xff1f; NVIC&#xff1a;简称嵌套向量中断控制器。它管理…
阅读更多...
【new操作符做了什么 —— js】

【new操作符做了什么 —— js】

&#x1f9c1;个人主页&#xff1a;个人主页 ✌支持我 &#xff1a;点赞&#x1f44d;收藏&#x1f33c;关注&#x1f9e1; 文章目录new操作符具体做了什么&#xff1f;&#x1f388;创建了一个空的对象✨将空对象的原型&#xff0c;指向于构造函数的原型&#x1f367;将空对象…
阅读更多...
【操作系统】—— Windows卸载与清除工具“ Geek 与 CCleaner ” （带你快速了解）

【操作系统】—— Windows卸载与清除工具“ Geek 与 CCleaner ” （带你快速了解）

&#x1f4dc; “作者 久绊A” 专注记录自己所整理的Java、web、sql等&#xff0c;IT技术干货、学习经验、面试资料、刷题记录&#xff0c;以及遇到的问题和解决方案&#xff0c;记录自己成长的点滴。 &#x1f341; 操作系统【带你快速了解】对于电脑来说&#xff0c;如果说…
阅读更多...
day23-网络编程01

day23-网络编程01

1.网络编程入门 1.1 网络编程概述【理解】 计算机网络 是指将地理位置不同的具有独立功能的多台计算机及其外部设备&#xff0c;通过通信线路连接起来&#xff0c;在网络操作系统&#xff0c;网络管理软件及网络通信协议的管理和协调下&#xff0c;实现资源共享和信息传递的计…
阅读更多...
微服务框架需要处理哪些问题？

微服务框架需要处理哪些问题？

文章目录简述架构选择统一版本管理基础框架包管理业务框架包管理模型分层全局上下文管理数据结构定义上下文的传播前后端数据格式协定统一数据格式字段规范协定异常处理orm配置公共字段处理分页处理字段加解密缓存key的序列化哪些数据进行缓存消息队列key的规范队列的管理注册中…
阅读更多...
34.Isaac教程--操作示例应用程序

34.Isaac教程--操作示例应用程序

操作示例应用程序 ISAAC教程合集地址文章目录操作示例应用程序与 Jupyter Notebook 的简单联合控制Shuffle Box with Simulator与 Jupyter Notebook 的简单联合控制 此示例使用 Jupyter Notebook 提供交互式联合控制。 这是处理用于操作组件&#xff08;包括 LQR 规划器&#…
阅读更多...
PowerShell 执行策略

PowerShell 执行策略

在使用 SAPIEN 的PowerShell Studio时出现如下错误&#xff1a;无法在当前系统上运行该脚本。有关运行脚本和设置执行策略的详细信息&#xff0c;请参阅 https:/go.microsoft.com/fwlink/?LinkID135170 中的 about_Execution_Policies。 ERROR: 所在位置 行:1 字符: 2 ERROR: …
阅读更多...
python基础——函数编程

python基础——函数编程

python基础——函数编程 文章目录python基础——函数编程一、实验目的二、实验原理三、实验环境四、实验内容五、实验步骤一、实验目的 掌握函数编程 二、实验原理 在Python中&#xff0c;定义函数的语法如下&#xff1a; def 函数名([参数列表])&#xff1a; ‘’‘注解’…
阅读更多...
【人人都是算法专家】一文搞定AI算法竞赛（全网最详细）

【人人都是算法专家】一文搞定AI算法竞赛（全网最详细）

Rocky Ding公众号&#xff1a;WeThinkIn写在前面 【人人都是算法专家】栏目专注于分享Rocky在AI行业中业务/竞赛/研究/产品维度的思考与感悟。欢迎大家一起交流学习&#x1f4aa; 大家好&#xff0c;我是Rocky。 之前Rocky总结过很多关于AI算法竞赛的方法论、经验思考以及细节…
阅读更多...
分享123个ASP源码，总有一款适合您

分享123个ASP源码，总有一款适合您

ASP源码 分享123个ASP源码&#xff0c;总有一款适合您 下面是文件的名字&#xff0c;我放了一些图片&#xff0c;文章里不是所有的图主要是放不下...&#xff0c; 123个ASP源码下载链接&#xff1a;https://pan.baidu.com/s/17G9rpRpCJX_D-6DV0j4uFg?pwd3rx8 提取码&#x…
阅读更多...
qt json tree 读取json树状结构并显示

qt json tree 读取json树状结构并显示

1.介绍 用qt的相关的几个类处理json格式的信息 json内容&#xff1a; { "root":{"sites": [{ "name":"菜鸟教程" , "url":"www.runoob.com" }, { "name":"google" , "url":&quo…
阅读更多...
QT环境的搭建安装：VsCode及Qt Creator

QT环境的搭建安装：VsCode及Qt Creator

前言&#xff1a; vscode的界面美观&#xff0c;并且和QT一样的跨平台&#xff0c;所以可以选择vscode作为开发环境。   QT5.9.X版本成熟&#xff0c;相应教程丰富&#xff0c;并且5.9.9版本具有生成CMake功能&#xff0c;所以本文以QT5.9.9版本为例&#xff0c;给出QT环境的…
阅读更多...
美团出品 | YOLOv6 v3.0 is coming（性能超越YOLOv7、v8）

美团出品 | YOLOv6 v3.0 is coming（性能超越YOLOv7、v8）

&#x1f680;&#x1f680;&#x1f680;美团出品 | YOLOv6 v3.0 is coming &#xff01;&#xff01;✨✨✨ 一、前言简介 &#x1f384;&#x1f388; &#x1f4da; 代码地址&#xff1a;美团出品 | YOLOv6 3.0代码下载地址 &#x1f4da; 文章地址&#xff1a;https://a…
阅读更多...
仿写Dubbo-Java反射

仿写Dubbo-Java反射

概念 反射是Java的一个特性&#xff0c;反射允许程序运行时动态获取类的所有信息以及对其进行操作。反射在框架(spring&#xff0c;springboot&#xff0c;mybatis等)中的使用非常的广发&#xff0c;可谓是框架的灵魂。 获取Class对象 在使用反射之前&#xff0c;需要获取到Cla…
阅读更多...
工欲善其事必先利其器——Elasticsearch安装

工欲善其事必先利其器——Elasticsearch安装

安装使用说明 首先在elasticsearch官网下载你想要安装的版本&#xff0c;我这里使用的是7.12.1版本 上传到你想要安装的目录&#xff08;/user/search/&#xff09; 然后解压&#xff0c;解压命令如下&#xff1a; tar -zxvf elasticsearch-7.12.1-linux-x86_64.tar.gz 解压后…
阅读更多...
创建保存字符串的数组numpy.char以及用于处理字符串数组的函数

创建保存字符串的数组numpy.char以及用于处理字符串数组的函数

【小白从小学Python、C、Java】【计算机等级考试500强双证书】【Python-数据分析】创建字符串数组numpy.char.array()修改字符串数组大小写capitalize()&#xff1b;title()&#xff1b;lower()&#xff1b;upper()[太阳]选择题对于以下python代码title()方法输出的结果是?imp…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023