HTMLCSS（入门）
HTML
<html> <head><title>第一个页面</title></head><body>键盘敲烂，工资过万</body>
</html>
<!DOCTYPE>文档类型声明，告诉浏览器使用哪种HTML版本显示网页
<!DOCTYPE html>当前页面采取的四HTML5版本来显示网页
位于<html>标签之前
不是一个HTML标签，只是文档类型声明标签
lang语言：定义当前文档显示的语言
标题段落标签
标题标签<h1> - <h6> 作为标题使用，重要性递减
段落标签<p><p/> (Alt+z 自动换行)段落之前会有空隙
换行标签<br /> 强制换行，单标签，换行后不会增加垂直间距
文本格式化标签
加粗标签<strong>加粗</strong>
倾斜标签<em>倾斜<em/>
删除线标签<del>删除线<del/>
下划线标签<ins>下划线<ins/>
盒子标签
<div>和<span>标签
div标签单独占一行，一行只能有一个div
span标签一行可以放多个span
图像标签和路径
图像标签
路径
相对路径
绝对路径
超链接标签
链接标签<a href="lianjie" target="...">文本或图像</a>
target是打开窗口的凡是，默认值为_self
_self表示在此窗口中打开链接
_blank表示在新窗口中打开
注释标签和特殊字符
表格
表格是用来展示数据的
表格基本用法
表头单元格标签（<th><th/>）
表格属性
不详细叙述，之后在css详细学习
表格结构标签
表格头部区域<thead> </thead>
表格主体区域<tbody> </tbody>
合并单元格
列表
分为三类：无序列表，有序列表，自定义列表
无序列表（<ul></ul>）
有序列表（<ol></ol>）
自定义列表
未完待续。。。
表单
目的为了收集信息
表单的组成
表单域，表单控件，表单信息
表单域（<form></form>）
包含元素的区域
表单控件
<input>输入表单元素
<select>下拉表单元素
定义下拉列表
<textarea>文本域元素
输入内容较多，用于定义多行文本输入的控件
查阅文档
W3C：w3school 在线教程
MDN：https://developer.mozilla.org/zh-CN/docs/Web
CSS
CSS美化HTML，实现结构和样式的分离
CSS：由选择器和一条或多条声明组成
CSS基础选择器
选择器用来选择标签
标签选择器
类选择器
基本使用
口诀：
样式点定义
结构类调佣
一个或多个
开发最常用
特殊使用：多类名
优点：
(1)可以把一些标签元素相司的样式（共同的部分）放到一个类里面，
(2)这些标签都可以调用这个公共的类然后再调用自己独有的类
(3)从而节省CSS代码，统一修改也非常方便
id选择器
通配符选择器
CSS字体属性
字体系列
字体大小
字体粗细
文字样式
字体复合属性
CSS文本属性
文本颜色（color）
对齐文本（text-align）
装饰文本（text-decoration）
文本缩进（text-indent）
行间距（line-height）
CSS的引入方式
按照CSS样式书写的位置（或者引入的方式）分类：
行内样式表（行内式）
内部样式表（嵌入式）
外部样式表（链接式）
内部样式表（style放在html中）
行内样式表（放在具体标签中）
外部样式表（引入html外的css文件）
Chrome调试工具
摘自黑马pink
相关文章：
HTMLCSS（入门）
HTML <html> <head><title>第一个页面</title></head><body>键盘敲烂，工资过万</body> </html> <!DOCTYPE>文档类型声明，告诉浏览器使用哪种HTML版本显示网页 <!DOCTYPE html>当前页面采取…...
富格林：曝光可信策略制止亏损
富格林指出，相信大家都对黄金投资的价值空间有目共睹，现如今黄金市场波动频繁，因此不少投资者也开始加入该市场试图赢得额外的财富。但作为新手投资者贸贸然地进场操作，亏损的几率是很大的，因此要学会掌握正规平台曝光…...
Android --- Service
出自于此，写得很清楚。关于Android Service真正的完全详解，你需要知道的一切_android service-CSDN博客 出自【zejian的博客】 什么是Service? Service(服务)是一个一种可以在后台执行长时间运行操作而没有用户界面的应用组件。 服务可由其他应用组件…...
Vue3从入门到精通(三)
vue3插槽Slots 在 Vue3 中，插槽（Slots）的使用方式与 Vue2 中基本相同，但有一些细微的差异。以下是在 Vue3 中使用插槽的示例： // ChildComponent.vue <template><div><h2>Child Component</h2&…...
【FreeRTOS】同步与互斥通信-有缺陷的互斥案例
目录 同步与互斥通信同步与互斥的概念同步与互斥并不简单缺陷分析汇编指令优化过程 - 关闭中断时间轴分析 思考时刻 参考《FreeRTOS入门与工程实践(基于DshanMCU-103).pdf》 同步与互斥通信 同步与互斥的概念 一句话理解同步与互斥：我等你用完厕所，我再…...
Docker 安装 Python
Docker 安装 Python 在当今的软件开发领域，Docker 已成为一项关键技术，它允许开发人员将应用程序及其依赖环境打包到一个可移植的容器中。Python，作为一种广泛使用的高级编程语言，经常被部署在 Docker 容器中。本文将详细介绍如何在 Docker 中安装 Python，以及如何配置环…...
外泌体相关基因肝癌临床模型预测——2-3分纯生信文章复现——4.预后相关外泌体基因确定单因素cox回归（2）
内容如下： 1.外泌体和肝癌TCGA数据下载 2.数据格式整理 3.差异表达基因筛选 4.预后相关外泌体基因确定 5.拷贝数变异及突变图谱 6.外泌体基因功能注释 7.LASSO回归筛选外泌体预后模型 8.预后模型验证 9.预后模型鲁棒性分析 10.独立预后因素分析及与临床的…...
C++: Map数组的遍历
在C中，map是一个关联容器，它存储的元素是键值对（key-value pairs），其中每个键都是唯一的，并且自动根据键来排序。遍历map的方式有几种，但最常用的两种是使用迭代器（iterator…...
【Windows】Bootstrap Studio（网页设计）软件介绍及安装步骤
软件介绍 Bootstrap Studio 是一款专为前端开发者设计的强大工具，主要用于快速创建现代化的响应式网页和网站。以下是它的主要特点和功能： 直观的界面设计 Bootstrap Studio 提供了直观的用户界面，使用户能够轻松拖放元素来构建网页。界面…...
二维舵机颜色追踪，使用树莓派+opencv+usb摄像头+两个舵机实现颜色追踪，采用pid调控
效果演示 二维云台颜色追踪 使用树莓派opencvusb摄像头两个舵机实现颜色追踪，采用pid调控 import cv2 import time import numpy as np from threading import Thread from servo import Servo from pid import PID# 初始化伺服电机 pan Servo(pin19) tilt Serv…...
c进阶篇（四）：内存函数
内存函数以字节为单位更改 1.memcpy memcpy 是 C/C 中的一个标准库函数，用于内存拷贝操作。它的原型通常定义在 <cstring> 头文件中，其作用是将一块内存中的数据复制到另一块内存中。 函数原型：void *memcpy(void *dest, const void…...
新手入门：无服务器函数和FaaS简介
无服务器（Serverless）架构的价值在于其成本效益、弹性和扩展性、简化的开发和部署流程、高可用性和可靠性以及使开发者能够专注于业务逻辑。通过自动化资源调配和按需计费，无服务器架构能够降低成本并适应流量变化，同时简化开发流…...
基于Transformer的端到端的目标检测 | 读论文
本文正在参加 人工智能创作者扶持计划 提及到计算机视觉的目标检测，我们一般会最先想到卷积神经网络（CNN），因为这算是目标检测领域的开山之作了，在很长的一段时间里人们都折服于卷积神经网络在图像处理领域的优势&…...
6.8应用进程跨网络通信
《计算机网络》第7版，谢希仁 理解socket通信...
redis布隆过滤器原理及应用场景
目录 原理 应用场景 优点 缺点 布隆过滤器（Bloom Filter）是一种空间效率很高的随机数据结构，它利用位数组和哈希函数来判断一个元素是否存在于集合中。 原理 数据结构： 位数组：一个由0和1组成的数组，初始…...
vue+openlayers之几何图形交互绘制基础与实践
文章目录 1.实现效果2.实现步骤3.示例页面代码3.基本几何图形绘制的关键代码 1.实现效果 绘制点、线、多边形、圆、正方形、长方形 2.实现步骤 引用openlayers开发库。加载天地图wmts瓦片地图。在页面上添加几何图形绘制的功能按钮，使用下拉列表（sel…...
「多模态大模型」解读 | 突破单一文本模态局限
编者按：理想状况下，世界上的万事万物都能以文字的形式呈现，如此一来，我们似乎仅凭大语言模型（LLMs）就能完成所有任务。然而，理想很丰满，现实很骨感——数据形态远不止文字一种&#…...
Redis深度解析：核心数据类型与键操作全攻略
文章目录 前言redis数据类型string1. 设置单个字符串数据2.设置多个字符串类型的数据3.字符串拼接值4.根据键获取字符串的值5.根据多个键获取多个值6.自增自减7.获取字符串的长度8.比特流操作key操作a.查找键b.设置键值的过期时间c.查看键的有效期d.设置key的有效期e.判断键是否…...
C语言 指针和数组——指针的算术运算
目录 指针的算术运算 指针加上一个整数 指针减去一个整数 指针相减 指针的关系比较运算 小结 指针的算术运算 指针加上一个整数 指针减去一个整数 指针相减 指针的关系比较运算 小结 指针变量 – 指针类型的变量，保存地址型数据 指针变量与其他类型…...
[C++][CMake][CMake基础]详细讲解
目录 1.CMake简介2.大小写？3.注释1.注释行2.注释块 4.日志 1.CMake简介 CMake是一个项目构建工具，并且是跨平台的 问题 – 解决 如果自己动手写Makefile，会发现，Makefile通常依赖于当前的编译平台，而且编写Makefile的…...
Cursor实现用excel数据填充word模版的方法
cursor主页：https://www.cursor.com/ 任务目标：把excel格式的数据里的单元格，按照某一个固定模版填充到word中 文章目录 注意事项逐步生成程序1. 确定格式2. 调试程序 注意事项 直接给一个excel文件和最终呈现的word文件的示例，…...
【杂谈】-递归进化：人工智能的自我改进与监管挑战
递归进化：人工智能的自我改进与监管挑战 文章目录 递归进化：人工智能的自我改进与监管挑战1、自我改进型人工智能的崛起2、人工智能如何挑战人类监管？3、确保人工智能受控的策略4、人类在人工智能发展中的角色5、平衡自主性与控制力6、总结与…...
《从零掌握MIPI CSI-2: 协议精解与FPGA摄像头开发实战》-- CSI-2 协议详细解析 (一）
CSI-2 协议详细解析 (一） 1. CSI-2层定义（CSI-2 Layer Definitions） 分层结构 ：CSI-2协议分为6层： 物理层（PHY Layer） ： 定义电气特性、时钟机制和传输介质（导线&#…...
关于nvm与node.js
1 安装nvm 安装过程中手动修改 nvm的安装路径， 以及修改 通过nvm安装node后正在使用的node的存放目录【这句话可能难以理解，但接着往下看你就了然了】 2 修改nvm中settings.txt文件配置 nvm安装成功后，通常在该文件中会出现以下配置&…...
连锁超市冷库节能解决方案：如何实现超市降本增效
在连锁超市冷库运营中，高能耗、设备损耗快、人工管理低效等问题长期困扰企业。御控冷库节能解决方案通过智能控制化霜、按需化霜、实时监控、故障诊断、自动预警、远程控制开关六大核心技术，实现年省电费15%-60%，且不改动原有装备、安装快捷、…...
STM32标准库-DMA直接存储器存取
文章目录 一、DMA1.1简介1.2存储器映像1.3DMA框图1.4DMA基本结构1.5DMA请求1.6数据宽度与对齐1.7数据转运DMA1.8ADC扫描模式DMA 二、数据转运DMA2.1接线图2.2代码2.3相关API 一、DMA 1.1简介 DMA（Direct Memory Access）直接存储器存取 DMA可以提供外设…...
python如何将word的doc另存为docx
将 DOCX 文件另存为 DOCX 格式（Python 实现） 在 Python 中，你可以使用 python-docx 库来操作 Word 文档。不过需要注意的是，.doc 是旧的 Word 格式，而 .docx 是新的基于 XML 的格式。python-docx 只能处理 .docx 格式…...
基于Docker Compose部署Java微服务项目
一. 创建根项目 根项目（父项目）主要用于依赖管理 一些需要注意的点： 打包方式需要为 pom<modules>里需要注册子模块不要引入maven的打包插件，否则打包时会出问题 <?xml version"1.0" encoding"UTF-8…...
力扣-35.搜索插入位置
题目描述 给定一个排序数组和一个目标值，在数组中找到目标值，并返回其索引。如果目标值不存在于数组中，返回它将会被按顺序插入的位置。 请必须使用时间复杂度为 O(log n) 的算法。 class Solution {public int searchInsert(int[] nums, …...
A2A JS SDK 完整教程：快速入门指南
目录 什么是 A2A JS SDK?A2A JS 安装与设置A2A JS 核心概念创建你的第一个 A2A JS 代理A2A JS 服务端开发A2A JS 客户端使用A2A JS 高级特性A2A JS 最佳实践A2A JS 故障排除 什么是 A2A JS SDK? A2A JS SDK 是一个专为 JavaScript/TypeScript 开发者设计的强大库ÿ…...