三、CSS学习笔记（盒子模型）

已于 2024-03-21 11:27:24 修改
阅读量94 收藏
点赞数 1
分类专栏： CSS 前端 文章标签： 笔记
于 2024-03-12 16:37:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46108997/article/details/136656513
版权

title: 三、CSS学习笔记（盒子模型）
date: 2024/02/06

盒子模型

在实际开发中，页面布局主要使用的就是盒子模型、浮动和定位，盒子模型能够便捷的帮助我们布局页面

看透网页布局的本质

  1. 使用 div 元素将页面划分为大小不同的盒子

  2. 使用 CSS 为每个 div 元素设置对应的大小，再摆放到对应的位置

  3. 再将对应的内容元素放到对应的盒子中

盒子模型（Box Model）组成

盒子模型的中心思想就是把整个页面看作一个大的盒子，然后再将大盒子分割成小盒子，以此类推，然后再将对应的内容放到对应的盒子中

盒子模型

  1. border：边框，具有宽度

  2. content：内容

  3. padding：内边距，边框到内容之间的距离

  4. margin：外边距，盒子与盒子之间的距离

边框（border）

div {
	border-width: 1px;
	border-style: soled;
	border-color: red;
	/* 复合写法 border: border-width border-style border-color */;
	border: 1px solide red;
}

边框的样式

属性值作用
border-width像素（单位px）边框宽度
border-stylesolid(实线)、dashed(虚线)、dotted(点线)等边框样式
border-color颜色单词、十六进制、rgb边框颜色

边框的每个属性都分为 top、bottom、left、right 四个方向都可以单独设置样式，如border-top-color: blue; 复合写法也可以 border-left: 1px solid green;

  • 01-边框.html

    <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatiable" content="ie=edge">
	<title>边框</title>
	<style>
		div	{
			width: 100px;
			height: 100px;
			border-width: 1px;
			border-style: solid;
			border-color: red;
			/* 复合写法 */
			border: 1px solid red;
		}
	</style>
</head>
<body>
	<div></div>
</body>
</html>

合并边框

border-collapse 合并表格单元格边框

  • 02-合并单元格边框.html

    <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatiable" content="ie=edge">
	<title>合并单元格边框</title>
	<style>
		table	{
			width: 300px;
			height: 100px;
		}
		td {
			border: 5px solid red;
			border-collapse: collapse;
		}
	</style>
</head>
<body>
	<table>
		<tr>
			<td>边框</td>
			<td>边框</td>
			<td>边框</td>
		</tr>
		<tr>
			<td>边框</td>
			<td>边框</td>
			<td>边框</td>
		</tr>
		<tr>
			<td>边框</td>
			<td>边框</td>
			<td>边框</td>
		</tr>
	</table>
</body>
</html>

边框会影响元素的实际大小

当我们设置元素的宽高时，是不包含元素的边框宽度的，如果我们设置元素宽度为 100px, 边框为 10px，那么元素的实际宽度就会比设置的值多 20px (10 + 100 + 10 = 120)，如果想要元素的实际宽度就是 100px，那应该设置元素宽度为 80px，这样加上边框的宽度就是 100px 了(10 + 80 + 10 = 100)

  • 03-边框会影响元素的实际大小.html
    <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatiable" content="ie=edge">
	<title>边框会影响元素的实际大小</title>
	<style>
		div	{
			/* 使用开发者工具可以看到 div 的实际宽度等于“自身宽度 + 边框宽度 * 2” */
			width: 100px;
			height: 100px;
			border: 10px solid red;
		}
	</style>
</head>
<body>
	<div></div>
</body>
</html>

内边距

padding 属性用于设置内边距，即边框与内容之间的距离

内边距分类

属性作用
padding-left左内边距
padding-right右内边距
padding-top上内边距
padding-bottom下内边距

案例式样

  • 04-内边距.html
    <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatiable" content="ie=edge">
	<title>内边距</title>
	<style>
		div	{
			border: 1px solid red;
			width: 100px;
			height: 100px;
			padding-top: 20px;
			padding-left: 20px;
		}
	</style>
</head>
<body>
	<div>内边距内边距内边距内边距内边距内边距内边距内边距内边距内边距</div>
</body>
</html>

复合写法

值的个数表达的意思
padding: 5px上、下、左、右四个方向的内边距都是 5px
padding: 5px 10px上、下的内边距是 5px，左、右的内边距是 10px
padding: 5px 10px 15px上内边距是 5px，左、右的内边距是 10px，下内边距是 15px
padding: 5px 10px 15px 20px上内边距是 5px，右内边距是 10px，下内边距是 15px，左内边距是 20px
  • 05-复合写法.html
    <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatiable" content="ie=edge">
	<title>复合写法</title>
	<style>
		div	{
			border: 1px solid red;
			width: 100px;
			height: 100px;
			padding: 10px;
		}
	</style>
</head>
<body>
	<div>复合写法复合写法复合写法复合写法复合写法复合写法复合写法复合写法</div>
</body>
</html>

内边距会影响元素的实际大小

当我们设置元素的宽高时，是不包含元素的内边距宽度的，如果我们设置元素宽度为 100px, 上、下、左、右、的内边距均为 10px，那么元素的实际宽度就会比设置的值多 20px (10 + 100 + 10 = 120)，如果想要元素的实际宽度就是 100px，那应该设置元素宽度为 80px，这样加上内边距的宽度就是 100px 了(10 + 80 + 10 = 100)

  • 06-内边距会影响元素的实际大小.html
    <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatiable" content="ie=edge">
	<title>内边距会影响元素的实际大小</title>
	<style>
		div	{
			/* 使用开发者工具可以看到 div 的实际宽度等于“自身宽度 + 内边距宽度 * 2” */
			width: 100px;
			height: 100px;
			padding: 10px;
		}
	</style>
</head>
<body>
	<div></div>
</body>
</html>

案例练习-新浪导航栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatiable" content="ie=edge">
	<title>新浪导航栏</title>
	<style>
		.nav {
			height: 41px;
			line-height: 40px;
			border-top: 3px solid #ff8500;
			border-bottom: 1px solid #edeef0;
		}
		ul li {
			list-style: none;
			float: left;
		}
		a {
			text-decoration: none;
			color: #4c4c4c;
			display: block;
			padding: 0px 20px;
		}
		a:hover {
			background-color: #fcfcfc;
			color: #ff8500;
		}
	</style>
</head>
<body>
	<div class="nav">
		<ul>
			<li><a href="#">设为首页</a></li>
			<li><a href="#">手机新浪网</a></li>
			<li><a href="#">移动客户端</a></li>
			<li><a href="#">博客</a></li>
			<li><a href="#">微博</a></li>
			<li><a href="#">关注我</a></li>
		</ul>
	</div>
</body>
</html>

外边距

margin 属性用于设置外边距，即控制盒子和盒子之间的距离

外边距的分类

属性作用
margin-left左外边距
margin-right右外边距
margin-top上外边距
margin-bottom下外边距

案例式样

案例式样

  • 08-外边距.html
    <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatiable" content="ie=edge">
	<title>外边距</title>
	<style>
		div	{
			background-color: red;
			width: 100px;
			height: 100px;
			margin-top: 20px;
		}
	</style>
</head>
<body>
	<div>外边距外边距外边距外边距外边距外边距外边距外边距</div>
	<div>外边距外边距外边距外边距外边距外边距外边距外边距</div>
</body>
</html>

使用外边距让块级元素水平居中

为元素指定宽度，在将元素的左右外边距设置为 auto 即可

  • 09-使用外边距让元素水平居中.html

    <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatiable" content="ie=edge">
	<title>使用外边距让元素水平居中</title>
	<style>
		div	{
			background-color: red;
			width: 100px;
			height: 100px;
			margin: 0px auto;
		}
	</style>
</head>
<body>
	<div>使用外边距让元素水平居中</div>
</body>
</html>

  • 若想让行内元素或者行内块元素水平剧中，只需要给其父元素添加 text-align: center; 即可

    <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatiable" content="ie=edge">
	<title>行内元素或者行内块元素水平剧中</title>
	<style>
		div	{
			background-color: red;
			width: 1000px;
			height: 100px;
			margin: 0px auto;
			text-align: center;
		}
	</style>
</head>
<body>
	<div>
		<span>行内元素或者行内块元素水平剧中</span>
	</div>
</body>
</html>

外边距合并-嵌套块元素塌陷

当两个块级元素嵌套存在时，若同时为父子元素设置外边距的值，就会导致父元素塌陷较大的外边距的值，而且子元素的外边距值不生效。

  • 示例

    <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatiable" content="ie=edge">
	<title>嵌套块元素塌陷</title>
	<style>
		.father	{
			background-color: red;
			width: 500px;
			height: 500px;
			margin-top: 50px;
		}
		.son	{
			background-color: orange;
			width: 100px;
			height: 100px;
			/* 当为子元素设置边距时，会导致父元素塌陷较大的边距值，且子元素不会生效 */
			/* 意思就是说：父元素的上外边距变成了 100px ，而子元素上外边距不生效*/
			margin-top: 100px;
		}
	</style>
</head>
<body>
	<div class="father">
		<div class="son">
		</div>
	</div>
</body>
</html>

  • 解决方案

  1. 为父元素定义上边框属性

  2. 为父元素定义上内边距属性

  3. 为父元素添加 overflow: hidden; 属性

清除内外边距

一些元素自己具有默认的内、外边距，不同的元素就有不同的内、外边距同一元素在不同浏览器的内、外边距也是不同的。所以为了保证统一性，我们需要将所有元素的内、外边距清除，这样我们在进行页面布局时就不会受元素本身的内、外边距的影响了。

  • 10-清除内外边距.html

    <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatiable" content="ie=edge">
	<title>清除内外边距</title>
	<style>
		* {
		 	padding: 0px;
			margin: 0px;
		}
		div	{
			background-color: red;
			width: 500px;
			height: 500px;
		}
	</style>
</head>
<body>
	<div>
		清除内外边距
	</div>
</body>
</html>

PS 基本操作

  1. 文件->打开：打开我们要测量的图片

  2. Ctrl+R：打开标尺

  3. 右键标尺：把单位修改为像素

  4. Ctrl+(+) 和 Ctrl+(-)：放大和缩小视图

  5. 按住空格键：使用鼠标拖动图片

  6. 用选区工具拖动，测量大小

  7. 用吸管工具取色

综合案例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatiable" content="ie=edge">
	<title>产品模块</title>
	<style>
		* {
		 	padding: 0px;
			margin: 0px;
		}
		body {
			background-color: #f5f5f5;
		}
		.box {
			background-color: #ffffff;
			width: 298px;
			height: 415px;
			margin: 200px auto;
		}
		.head img{
			width: 100%;
		}
		.foot {
			padding: 30px 28px;
		}
		.review {
			font-size: 14px;
		}
		.appraise {
			font-size: 12px;
			color: #b0b0b0;
			margin-top: 50px;
		}
		.info {
			font-size: 14px;
			margin-top: 15px;
		}
		.price {
			color: #ff6700;
		}
		a {
			text-decoration: none;
			color: #000000;
		}
	</style>
</head>
<body>
	<div class="box">
		<div class="head">
			<img src="../Pictures/img.png" />
		</div>
		<div class="foot">
			<p class="review">快递牛，整体不错蓝牙可以说秒连，红米给力</p>
			<div class="appraise">来自于 117384232 的评价</div>
			<div class="info">
				<span>
					<a href="#">Redmi AirDots真无线蓝...</a>
				</span>
				<span> | </span>
				<span class="price">99.9元</span>
			</div>
		<div>
	</div>
</body>
</html>

圆角边框

在 CSS3 中，新增了圆角边框：border-radius 式样，可以使盒子变成圆角

div {
	border-radius: 10px;
}

  • 11-圆角边框.html

    <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatiable" content="ie=edge">
	<title>圆角边框</title>
	<style>
		div	{
			background-color: orange;
			width: 500px;
			height: 500px;
			border-radius: 50px;
		}
	</style>
</head>
<body>
	<div>
		圆角边框
	</div>
</body>
</html>

圆角边框的使用

  • 12-圆形.html

    <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatiable" content="ie=edge">
	<title>圆角边框的使用</title>
	<style>
		/* 圆形：现将盒子设置为正方形，再将圆角设置为 50% 或宽高的一半 */
		.circle	{
			background-color: orange;
			width: 100px;
			height: 100px;
			border-radius: 50%;
		}
		.radius {
			background-color: orange;
			width: 100px;
			height: 100px;
			/* 四个角分别设置，从左上顺时针设置 */		
			border-radius: 10px 20px 30px 40px;
			/* 也可以分开写 */
			/* border-top-left: 10px;
			border-top-right: 20px;
			border-bottom-right: 30px;
			border-bottom-left: 40px; */
		}
	</style>
</head>
<body>
	<div class="circle"></div>
	<div class="radius"></div>
</body>
</html>

盒子阴影

使用 box-shadow 属性为盒子添加阴影

div {
	box-shadow: h-shadow v-shadow blur spread color inset;
}
值含义
h-shadow必须，水平阴影的位置
v-shadow必须，垂直阴影的位置
blur可选，模糊距离
spread可选，阴影的尺寸
color可选，阴影的颜色
inset可选，外部阴影转为内部阴影

  • 13-盒子阴影.html

    <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatiable" content="ie=edge">
	<title>盒子阴影</title>
	<style>
		.rectangle	{
			background-color: orange;
			width: 100px;
			height: 100px;
			/* 阴影向右移动 10px，向下移动 10px，模糊距离 5 px，阴影大小 1px, 阴影颜色，黑色透明度0.3，默认内阴影 */
			box-shadow: 10px 10px 5px 1px rgba(0,0,0,0.3);
		}
	</style>
</head>
<body>
	<div class="rectangle"></div>
</body>
</html>

文字阴影

可以使用 text-shadow 属性为为文本添加阴影

div {
	text-shadow: h-shadow v-shadow blur color;
}
值含义
h-shadow必须，水平阴影的位置
v-shadow必须，垂直阴影的位置
blur可选，模糊距离
color可选，阴影的颜色

  • 14-文字阴影.html

    <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatiable" content="ie=edge">
	<title>文字阴影</title>
	<style>
		.rectangle	{
			font-size: 40px;
			/* 阴影向右移动 10px，向下移动 10px，模糊距离 5 px，阴影颜色，黑色透明度0.3 */
			text-shadow: 10px 10px 5px rgba(0,0,0,0.3);
		}
	</style>
</head>
<body>
	<div class="rectangle">你是阴影，我是火影</div>
</body>
</html>
CodeDog1024
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
[CSS学习笔记]盒子模型
weixin_45369645的博客
07-28 201
一、CSS将页面中的所有元素都设置为一个矩形的盒子，每一个盒子都由以下几个部分组成：内容区(content)、内边距(padding)、边框(border)、外边距(margin)。 二、盒子边框中三个要素缺一不可，分别是：border-width（边框的宽度）、border-color（边框的颜色）、border-style（边框的样式）。以border-width为例子，border-width的值指定四个方向上边框的宽度(上 右 下 左：顺时针旋转，下同)。 border简写属性，通过该属性可以同时
CSS3弹性盒模型开发笔记（三）
12-03
本文介绍了CSS3弹性盒模型，供大家参考，大家亦可以结合CSS3弹性盒模型开发笔记（一）、CSS3弹性盒模型开发笔记（二）进行学习，具体内容如下 box-pack和box-align属性 当弹性元素和非弹性元素混合排版时，有可能会...
CSS盒子模型（学习笔记）
m0_68637281的博客
03-14 479
1）全局选择器 *{}2）元素选择器 div{}3）类选择器 .className{}4）ID选择器 #idName{}
超详细的学习笔记：CSS盒子模型（附代码示例）
lbcbjtlhmjq的博客
07-11 1453
盒子的概念1.页面中的每一个标签，都可看做是一个 “盒子”，通过盒子的视角更方便的进行布局2.浏览器在染(显示)网页时，会将网页中的元素看做是一个个的矩形区域，我们也形象的称之为 盒子盒子模型CSS 中规定每个盒子分别由: 内容区域 (content) 、内边距区域 (padding) 、边框区域(border) 、外边距区域(margin)构成，这就是盒子模型记忆:可以联想现实中的包装盒。
css学习笔记（盒子模型）
l_al_al_a的博客
03-21 662
北京招聘网页设计，平面设计，php</a></li><li><a href="#">北京招聘网页设计，平面设计，php</a></li><li><a href="#">北京招聘网页设计，平面设计，php</a></li><li><a href="#">北京招聘网页设计，平面设计，php</a></li><li><a href="#">北京招聘网页设计，平面设计，php
CSS学习笔记 5.盒子模型
qq_55853408的博客
11-05 522
一、盒模型，盒子模型，框模型（box model） css将页面中所有元素都设置成了一个矩形的盒子 每个盒子都由下面几部分组成： 内容区（content） 内边距（padding） 边框（border） 外边距（margin） 二、内容区 所有的子元素和文本内容都在内容区排列 内容区的大小由width和height两个属性来设置 width设置内容区宽度 height设置内容区高度 <style> .box1{ width: 100px; height: 100px;
CSS学习笔记----盒子模型
m0_55613022的博客
03-15 218
目录 盒子模型 内边距 边框 外边距 外边距的特性问题 盒子模型 内边距 /* 内边距 可以单独设置四个边 也可以一起写 四个方向：top right bottom left 合着写： 一个值 上下左右一样 2个值 上下 左右 三个值 上 左右 下
【CSS学习笔记七】盒子模型
记得提醒我去学习
08-05 341
盒子模型： 所有HTML元素可以看作盒子 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 举图说明： 不同部分的说明： Margin(外边距) - 清除边框外的区域，外边距是透明的。 Border(边框) - 围绕在内边距和内容外的边框。 Padding(内边距) - 清除内容周围的区域，...
CSS学习笔记整理
bfbshs_ddd的博客
12-16 1619
整理过去的CSS学习笔记。CSS 即 层叠样式表/CSS样式表/级联样式表，也是标记语言， 用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距）以及版面的布局和外观显示样式
css学习笔记（二）——盒子模型
code_bro的博客
08-05 147
8.05 & 主要学习了css的盒子模型
CSS入门学习笔记+案例
热门推荐
itboy
06-16 29万+
CSS入门学习 一、CSS简介 1、什么是CSS CSS：Cascading Style Sheet 层叠样式表 是一组样式设置的规则，用于控制页面的外观样式 2、为什么使用CSS 实现内容与样式的分离，便于团队开发 样式复用，便于网站的后期维护 页面的精确控制，让页面更精美 3、CSS作用 页面外观美化 布局和定位 二、基本用法 1、CSS语法 <head> <style> 选择器{ 属性名：属性值; 属性名：属性值; } </style> &l
CSS盒子模型详解.pdf
04-15
CSS盒子模型详解，自己学习总结的，希望对你有用。自己也做个笔记
CSS之盒子模型与背景属性————每天一遍小知识
01-08
这是我学习了这个网站整理的笔记，接下来还会持续更新。 盒子模型与背景属性一.盒子模型1.介绍2. 元素的总宽度和总高度二.自定义边框——border1.基本设置2.边框宽度——Border Width3.边框颜色——Border Color4....
前端学习笔记-CSS(2)_css框模型
08-22
前端学习笔记-CSS(2)_css框模型 8.边框(盒子模型) margin,外边框，指当前标签的边框和其他标签或父标签的距离。 padding,内边框，指当前标签的边框和内部文本的距离。
CSS_study:CSS3学习笔记和代码
04-18
个人学习笔记CSS简介前端3大部分Html - 结构CSS - 表现，表皮JavaScript - 动态交互如何学习CSS是什么CSS怎么用-快速入门CSS选择器（如何定位，重难点）美化网页（文字，阴影，超链接，列表，渐变）盒子模型浮动定位...
Elixir学习笔记——二进制、字符串和字符列表
最新发布
chenxupest的专栏
06-04 704
在“基本类型”中，我们学习了一些关于字符串的知识，并使用 is_binary/1 函数进行检查："hello"true在本章中，我们将明确二进制到底是什么、它们与字符串的关系以及 Elixir 中单引号值“like this”的含义。虽然字符串是计算机语言中最常见的数据类型之一，但它们却非常复杂，经常被误解。要理解 Elixir 中的字符串，我们必须了解 Unicode 和字符编码，特别是 UTF-8 编码。
pytorch学习笔记5
drarad的博客
06-02 1729
前向钩子（forward hook）在模块的前向传播开始时触发，前向后钩子（forward pre-hook）在前向传播之前触发，反向钩子（backward hook）在反向传播过程中触发。总结来说，钩子提供了一种在 PyTorch 模型的执行过程中插入自定义代码的方法，使得用户可以灵活地调试、监控和扩展模型的功能。作用: 这是一个内部的 C 语言指针，指向张量在底层库（通常是 C++ 实现的 PyTorch 核心）中的具体数据结构。这些钩子可以在张量的梯度计算之前或之后执行自定义的操作。
音频滤波笔记之小波阈值滤波器
m0_37749564的博客
06-03 955
小波滤波笔记
【Effective Python教程】（90个有效方法）笔记——第1章：培养pythonic思维——7：尽量用enumerate取代range
Dontla的博客
06-03 561
Effective Python——编写高质量Python代码的90个有效方法。
css盒子模型知识点
12-06
CSS盒子模型由四个部分组成：内容区域、内边距、边框和外边距。其中，内容区域包含了元素的实际内容，内边距是内容区域和边框之间的空白区域，边框是内边距和外边距之间的线条，外边距是边框和相邻元素之间的空白...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值