CSS基本概念以及CSS的多种引入方式
CSS基本概念
CSS是层叠样式表，又叫级联样式表，简称样式表。CSS的文件后缀为.css，CSS用于HTML文档中元素样式的定义。
CSS的基本语法
CSS的规则由2个主要的部分构成：选择器以及一条或者多条声明。
选测器通常是你血药改变样式的HTML元素。每条声明由一个属性和一个值组成。
h3{font-size: 20px;}CSS的多种引入方式
内联样式
使用内联样式，你需要在相关的标签使用样式style属性，style属性可以包含任何CSS属性。
注意：此样式缺乏整体性和规划性，不利于维护，维护成本较高。
<h3 style="font-size: 20px;">标题</h3>内部样式
当单个文档需要特殊的样式时，应该使用内部样式表，你可以使用<style> </style>标签在文档的<head> 标签内定义内部样式表。
注意：单个页面的CSS代码具有统一性和规划性，便于维护，但时在多个页面之间容易混乱。
<style>h3{font-size: 20px;}</style>外部样式
当样式需要应用于多个页面时，外部样式表将时理想的选择，在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用<link> 标签链接到样式表。<link>标签在文档的<head>标签内。
<link rel="stylesheet" href="H5.css">href属性用于链接外部CSS文件。
相关文章：
CSS基本概念以及CSS的多种引入方式
CSS基本概念 CSS是层叠样式表，又叫级联样式表，简称样式表。CSS的文件后缀为.css，CSS用于HTML文档中元素样式的定义。 CSS的基本语法 CSS的规则由2个主要的部分构成：选择器以及一条或者多条声明。 选测器通常是你血药改变样式的…...
TiDB 简单集群部署拓扑文件
TiDB集群部署 服务器环境部署拓扑 都2024了还在为分库分表烦恼吗😘，用分布式数据库TiDB、OceanBase、华为 GaussDB，你就使劲往里存数据。 早下班、少脱发、脱单！ 🙏🏻🙏🏻Ƕ…...
十三 系统架构设计(考点篇)
1 软件架构的概念 一个程序和计算系统软件体系结构是指系统的一个或者多个结构。结构中包括软件的构件，构件 的外部可见属性以及它们之间的相互关系。 体系结构并非可运行软件。确切地说，它是一种表达，使软件工程师能够： (1)分…...
Java-数据结构-二叉树-习题(三) ￣へ￣
文本目录： ❄️一、习题一(前序遍历非递归)： ▶ 思路： ▶ 代码： ❄️二、习题二(中序遍历非递归)： ▶ 思路： ▶ 代码： ❄️三、习题三(后序遍历非递归)： ▶ 思路： …...
SpringBoot+Aop+注解方式 实现多数据源动态切换
整体思路： 引入基本依赖SpringBootAopMySqlMyBatislombok在配置文件中配置多个数据源创建数据源配置类用于读取配置编写用于标识切换数据源的注解创建数据源切换工具类DataSourceContextHolder编写切面类用于在注解生效处切换数据源编写配置类，加载数据…...
企业如何高效应对多类型知识产权事务的复杂挑战？
随着企业的发展和创新活动的不断推进，越来越多的企业拥有了大量的专利、商标和软著等知识产权，这些不仅关乎企业的技术创新成果，更直接影响到企业的品牌价值和市场竞争力。然而，当企业拥有多件知识产权时，复杂的申请、…...
openeuler22.03 LTS 源码编译安装nginx1.22.1
openeuler22.03 LTS 源码编译安装nginx1.22.1 下载安装包 #官网下载nginx1.22.1 wget http://nginx.org/download/nginx-1.22.1.tar.gz安装依赖包 #安装依赖包，NGINX是C语言写的，pcre-devel支持正则表达式，openssl 开启加密 [rootproxy ~]…...
图片压缩工具免费怎么找？归纳了这几个压缩工具
有哪些图片压缩工具免费？在数字化时代，图像已成为我们生活中不可或缺的一部分。无论是网站设计、社交媒体分享还是文件传输，高质量的图片都扮演着重要的角色。但高质量往往意味着大文件体积，这可能会导致加载速度变慢或存储空间不…...
【Kubernetes知识点】解读HPA的 thrashing（抖动）问题
【Kubernetes知识点】解读HPA的 thrashing（抖动）问题 目录 1 概念 1.1 什么是 Thrashing 现象？1.2 HPA 中 Thrashing 产生的原因1.3 解决 Thrashing 的优化措施 1.3.1 设置合适的阈值1.3.2 使用自定义指标和基于负载的自动扩缩1.3.3 增加扩…...
Unity 设计模式 之 结构型模式 -【装饰者模式】【外观模式】【享元模式】【代理模式】
Unity 设计模式 之 结构型模式 -【装饰者模式】【外观模式】【享元模式】【代理模式】 目录 Unity 设计模式 之 结构型模式 -【装饰者模式】【外观模式】【享元模式】【代理模式】 一、简单介绍 二、装饰者模式（Decorator Pattern） 1、什么时候使用装…...
Linux上Qt安装相关的内容及在QtCreator使用QChart模块需要的配置
引言 下面是Ubuntu上Qt安装相关的内容及在QtCreator使用QChart模块需要的配置。 关于Qt安装及环境 Qt的模块 查看已经安装的模块 sudo apt search qt5-安装新的模块 sudo apt install qt5-svg # 安装Qt SVG模块3.查看qt已经安装了哪些模块 dpkg -l | grep libqt安装qt,…...
lettuce引起的Redis command timeout异常
项目使用Lettuce，在自己的环境下跑是没有问题的。在给客户做售前压测时，因为客户端环境比较恶劣，service服务和中间件服务不在同一机房。服务启动后不一会就会出现Redis command timeout异常。 经过差不多两周的追查，最后没办法把…...
【Hadoop】一、Hadoop入门：基础配置、集群配置、常用脚本
基础设置 网络设置 创建好一个 centos 虚拟机，修改网络配置文件： /etc/sysconfig/network-scripts/ifcfg-ens33修改 BOOTPROTO 为 static 以及添加 IPADDR、GATEWAY、DNS1 TYPE"Ethernet" PROXY_METHOD"none" BROWSER_ONLY&quo…...
Ollama：本地运行大模型【含UI界面】
文章目录 Ollama 简介安装 ollamaWindows 安装Docker 安装其它平台安装支持的模型模型清单模型参数与运行内存快速启动 llama 模型llama 模型介绍运行 llama3.1 模型通过 HTTP API 访问ollama 命令语法常用示例特别示例自定义模型创建 Modelfile创建模型并运行集成 Web 页面Ope…...
【论文阅读】Grounding Language with Visual Affordances over Unstructured Data
Abstract 最近的研究表明，大型语言模型（llms）可以应用于将自然语言应用于各种各样的机器人技能。然而，在实践中，学习多任务、语言条件机器人技能通常需要大规模的数据收集和频繁的人为干预来重置环境或帮助纠正当前的…...
目标检测：滑块验证
最近在做一些爬虫相关的任务，有时候在登录时候需要去做滑块验证，刚好自己是做AI这一块得，就想着使用目标检测去做检测，然后绕过滑块。...
Unreal Engine 5 C++: 编辑器工具编写入门01（中文解释）
目录 准备工作 1.创建插件 2.修改插件设置 快速资产操作（quick asset action) 自定义编辑器功能 0.创建编辑器button，测试debug message功能 大致流程 详细步骤 1.ctrlF5 launch editor 2.创建新的cpp class，derived from AssetAction…...
力扣上刷题之C语言实现-Day2
一. 简介 本文记录一下，力扣C语言逻辑题。主要涉及 数组方面的知识。 二. 涉及数组的 C语言逻辑题 1. 两数之和 给你一个下标从 1 开始的整数数组 numbers ，该数组已按 非递减顺序排列 ，请你从数组中找出满足相加之和等于目标数 target…...
Visual Studio 2022 - QT 环境中文字符乱码问题
Visual Studio 2022 - QT 环境中文字符乱码问题 一、Visual Studio 2022 - Qt 环境 在 QT 中使用中文字符串常会出现乱码现象，如下：以下提供了几个解决方法，仅供参考 QString str "百香果真是一直可爱的小猫咪"; qDebug() <…...
获得ASPICE认证需要满足哪些条件？
要获得ASPICE认证，需要满足以下条件： ( 要明确的是：在ASPICE行业中专业来说，ASPICE项目是没有认证，而只有评估。不过，为了方便沟通，人们常将这一评估过程称为认证。） 一、基础条件…...
MPNet：旋转机械轻量化故障诊断模型详解python代码复现
目录 一、问题背景与挑战 二、MPNet核心架构 2.1 多分支特征融合模块（MBFM） 2.2 残差注意力金字塔模块（RAPM） 2.2.1 空间金字塔注意力（SPA） 2.2.2 金字塔残差块（PRBlock） 2.3 分类器设计 三、关键技术突破 3.1 多尺度特征融合 3.2 轻量化设计策略 3.3 抗噪声…...
微信小程序之bind和catch
这两个呢，都是绑定事件用的，具体使用有些小区别。 官方文档： 事件冒泡处理不同 bind：绑定的事件会向上冒泡，即触发当前组件的事件后，还会继续触发父组件的相同事件。例如，有一个子视图绑定了b…...
反向工程与模型迁移：打造未来商品详情API的可持续创新体系
在电商行业蓬勃发展的当下，商品详情API作为连接电商平台与开发者、商家及用户的关键纽带，其重要性日益凸显。传统商品详情API主要聚焦于商品基本信息（如名称、价格、库存等）的获取与展示，已难以满足市场对个性化、智能…...
盘古信息PCB行业解决方案：以全域场景重构，激活智造新未来
一、破局：PCB行业的时代之问 在数字经济蓬勃发展的浪潮中，PCB（印制电路板）作为 “电子产品之母”，其重要性愈发凸显。随着 5G、人工智能等新兴技术的加速渗透，PCB行业面临着前所未有的挑战与机遇。产品迭代…...
2.Vue编写一个app
1.src中重要的组成 1.1main.ts // 引入createApp用于创建应用 import { createApp } from "vue"; // 引用App根组件 import App from ./App.vue;createApp(App).mount(#app)1.2 App.vue 其中要写三种标签 <template> <!--html--> </template>…...
现代密码学 | 椭圆曲线密码学—附py代码
Elliptic Curve Cryptography 椭圆曲线密码学（ECC）是一种基于有限域上椭圆曲线数学特性的公钥加密技术。其核心原理涉及椭圆曲线的代数性质、离散对数问题以及有限域上的运算。 椭圆曲线密码学是多种数字签名算法的基础，例如椭圆曲线数字签…...
智能仓储的未来：自动化、AI与数据分析如何重塑物流中心
当仓库学会“思考”，物流的终极形态正在诞生 想象这样的场景： 凌晨3点，某物流中心灯火通明却空无一人。AGV机器人集群根据实时订单动态规划路径；AI视觉系统在0.1秒内扫描包裹信息；数字孪生平台正模拟次日峰值流量压力…...
Maven 概述、安装、配置、仓库、私服详解
目录 1、Maven 概述 1.1 Maven 的定义 1.2 Maven 解决的问题 1.3 Maven 的核心特性与优势 2、Maven 安装 2.1 下载 Maven 2.2 安装配置 Maven 2.3 测试安装 2.4 修改 Maven 本地仓库的默认路径 3、Maven 配置 3.1 配置本地仓库 3.2 配置 JDK 3.3 IDEA 配置本地 Ma…...
HashMap中的put方法执行流程（流程图）
1 put操作整体流程 HashMap 的 put 操作是其最核心的功能之一。在 JDK 1.8 及以后版本中，其主要逻辑封装在 putVal 这个内部方法中。整个过程大致如下： 初始判断与哈希计算： 首先，putVal 方法会检查当前的 table（也就…...
JAVA后端开发——多租户
数据隔离是多租户系统中的核心概念，确保一个租户（在这个系统中可能是一个公司或一个独立的客户）的数据对其他租户是不可见的。在 RuoYi 框架（您当前项目所使用的基础框架）中，这通常是通过在数据表中增加一个…...