小鱼儿爱喝酒-CSDN博客

原创 3.关于普通三极管的类型及引脚判断

1.关于三极管的类型判断（PNP型还是NPN型）1.1 三极管示意图图1.NPN型三极管电气符号及其等效图2.PNP型三极管电气符号及其等效1.2 测量方法测量之前，我们需要了解一些常规的思想，首先不论是NPN型三极管和PNP型三极管，其均包含两个PN结；对于NPN型三极管相当于两个二极管背靠背，而对于PNP型三极管相当于两个二极管头顶头；（注意：...

2022-02-13 14:29:16 3380

原创 14 盒子边框及盒子样式

1 盒子圆角边框使用border-radius：length；对边框的四个角进行设置<style type="text/css"> div { height: 100px; width: 200px; background-color: pink; border-radius:20px; } </style>

2021-06-11 12:35:53 195

原创 13 快报模块案例实战

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>品优购快报模块</title> <style type="text/css"> * { margin: 0; p.

2021-06-06 19:40:56 143

原创 12 某宝标签案例

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>实际案例</title> <style type="text/css"> body { background-color: aliceblue; } * { padding: 0; margin: 0; } .box { heig.

2021-06-06 16:14:24 119

1 网页布局步骤网页布局过程：1 准备好相关的网页元素，网页元素基本都是盒子2 利用CSS设置好盒子样式，然后摆放在相应的位置上3 往盒子里面装上内容。盒子模型定义：就是HTML页面中的布局元素看作矩形盒子，也就是承装内容的容器。CSS盒子模型本质上是一个盒子，封装周围的HTML元素，它包括：边框、外边距、内边距和实际内容。边框border：就是边框的粗细。内边距padding：就是content内容与边框的距离外边距margin：就是边框与边框之间的距离1.1

2021-06-05 23:35:46 200

原创 10 CSS特性及样式权重

1 CSS特性特性：层叠性、继承性、优先级1.1 层叠性：表示同样的选择器，后面的设置会覆盖前面的设置。<head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>CSS特性</title> <style type="text/css"> p {c

2021-06-03 20:18:27 110

原创 09 背景导航栏案例

代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>英雄联盟背景</title> <style type="text/css"> .nav a { display

2021-06-03 16:10:51 347

原创 08 背景设置

1 背景颜色 background-color默认情况下，背景颜色background-color：transparent；表示无颜色，透明色。2 背景图片参数值作用 repeat 背景图像在纵向和横向上平铺 no-repeat 背景图像不平铺 repeat-x 背景图像在横向上平铺 repeate-y 背景图像在纵向上平铺背景平铺设置：background-repeat：repeat；背景图片设置 background-imag.

2021-06-03 16:02:59 870

原创 07 淘宝侧边栏案例实战

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>侧边栏展示</title> <style type="text/css"> a { color:white; b.

2021-06-01 23:04:34 95

原创 06 元素显示模式

1. 块元素块元素：<h1>-<h6> , <P>,<div>,<ul>,<ol>,<li>等，其中<div>标签是最典型的块元素。块级元素的特点：1 独占一行2 高度、宽度、内外边距可控3 宽度默认是容器的100%4 代表容器，里面可以放行内块或者块级元素注：1 文字类的元素内不能使用块级元素； 2 <P>标签主要用于存放文字，不能放块级元素，尤其不能放div；3 h1-

2021-06-01 22:33:55 75

原创 05 选择器

1. Emmet语法1. 生成标签直接输入标签名按tab键即可，比如div然后tab键，就可以生成<div></div>2.如果想要生成多个相同标签加上*就可以，例如div*3就可以快速生成3个div3. 如果有服自己关系的标签，可以用> 比如 ul>li 就可以4. 如果有兄弟关系的标签，用 + 就可以，比如 div+p5. 如果生成带有类名或者id名字的，直接写 .demo 或者 #two tab键就可以6. 如果生成div类名是有顺序的，可

2021-06-01 20:32:05 103 2

原创 04 CSS样式案例

1 选择器1.1 标签选择器p {color:red; font-size: 25px;}1.2 类选择器/* 类选择器 */.red {color: red; width: 50px; height: 50px; background-color: red;}.blue {color: blue; width: 50px; height: 50px; background-color: blue;}对应：body<div id="" class="red">..

2021-05-31 12:56:36 236

原创 03 表单案例实战

01 基础知识1 表单其中：action表示动作定义在提交表单时执行的动作。向服务器提交表单的通常做法是使用提交按钮。通常，表单会被提交到 web 服务器上的网页。method表示提交的方式post，get<form action="action_page.php" method="POST"> </form>2 input其中：type表示类型（text、checkbox、button、password、checkbox、radio）maxle

2021-05-24 22:35:08 160

原创 02 表格学习

1 所用基础知识结构：<table border="" cellspacing="" cellpadding=""> <tr><th>Header</th></tr> <tr><td>Data</td></tr></table>说明：表格属性需要包含在<table></table>中；<tr&g...

2021-05-24 20:04:50 71

原创 01 图片链接学习

1 前端的基础知识主要包括：图片、链接、标题标签、段落标签标题标签 <h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6>段落标签<p></p>换行标签<br>其他标...

2021-05-23 23:39:36 220

原创 2 电容简介及作用

1 电容简介电容（Capacitance）亦称作“电容量”，是指在给定电位差下自由电荷的储藏量，记为C，国际单位是法拉（F）。一般来说，电荷在电场中会受力而移动，当导体之间有了介质，则阻碍了电荷移动而使得电荷累积在导体上，造成电荷的累积储存，储存的电荷量则称为电容。电容是指容纳电荷的能力。任何静电场都是由许多个电容组成，有静电场就有电容，电容是用静电场描述的。一般认为：孤立导体与无穷远处构成电容，导体接地等效于接到无穷远处，并与大地连接成整体。在国际单位制里，电容的单位是法拉，简称法，符号是F，由于

2021-05-05 16:45:19 594

原创 01 电阻的简介及常见电路分析

1 电阻的分类2 电阻阻值的读法2.1 色环电阻的读法例如：2.2 热敏电阻中热敏电阻的阻值随温度的变化而变化，R25是指温度为25℃时，热敏电阻对应的阻值。2.3 电阻4R8表示4.8 欧姆的电阻2.4 电阻1m和1M表示1毫欧和1兆欧3 电阻常见的伏安特性曲线4电阻的作用4.1 作用电阻在电路中的主要作用是分流、限流、分压、偏置、滤波（与电容器组合使用）、阻抗匹配、将电能转化为内能4.2 并联分流当L1的额定电流为0.2A，

2021-05-04 16:39:23 591

dskfksdf的博客