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项目是没有认证，而只有评估。不过，为了方便沟通，人们常将这一评估过程称为认证。） 一、基础条件…...
铭豹扩展坞 USB转网口 突然无法识别解决方法
当 USB 转网口扩展坞在一台笔记本上无法识别，但在其他电脑上正常工作时，问题通常出在笔记本自身或其与扩展坞的兼容性上。以下是系统化的定位思路和排查步骤，帮助你快速找到故障原因： 背景： 一个M-pard（铭豹）扩展坞的网卡突然无法识别了，扩展出来的三个USB接口正常。…...
业务系统对接大模型的基础方案：架构设计与关键步骤
业务系统对接大模型：架构设计与关键步骤 在当今数字化转型的浪潮中，大语言模型（LLM）已成为企业提升业务效率和创新能力的关键技术之一。将大模型集成到业务系统中，不仅可以优化用户体验，还能为业务决策提供…...
五年级数学知识边界总结思考-下册
目录 一、背景二、过程1.观察物体小学五年级下册“观察物体”知识点详解：由来、作用与意义**一、知识点核心内容****二、知识点的由来：从生活实践到数学抽象****三、知识的作用：解决实际问题的工具****四、学习的意义：培养核心素养…...
【git】把本地更改提交远程新分支feature_g
创建并切换新分支 git checkout -b feature_g 添加并提交更改 git add . git commit -m “实现图片上传功能” 推送到远程 git push -u origin feature_g...
土地利用/土地覆盖遥感解译与基于CLUE模型未来变化情景预测；从基础到高级，涵盖ArcGIS数据处理、ENVI遥感解译与CLUE模型情景模拟等
🔍 土地利用/土地覆盖数据是生态、环境和气象等诸多领域模型的关键输入参数。通过遥感影像解译技术，可以精准获取历史或当前任何一个区域的土地利用/土地覆盖情况。这些数据不仅能够用于评估区域生态环境的变化趋势，还能有效评价重大生态工程…...
用docker来安装部署freeswitch记录
今天刚才测试一个callcenter的项目，所以尝试安装freeswitch 1、使用轩辕镜像 - 中国开发者首选的专业 Docker 镜像加速服务平台 编辑下面/etc/docker/daemon.json文件为 {"registry-mirrors": ["https://docker.xuanyuan.me"] }同时可以进入轩…...
)
Angular微前端架构：Module Federation + ngx-build-plus (Webpack)
以下是一个完整的 Angular 微前端示例，其中使用的是 Module Federation 和 npx-build-plus 实现了主应用（Shell）与子应用（Remote）的集成。 🛠️ 项目结构 angular-mf/ ├── shell-app/ # 主应用&…...
2025季度云服务器排行榜
在全球云服务器市场，各厂商的排名和地位并非一成不变，而是由其独特的优势、战略布局和市场适应性共同决定的。以下是根据2025年市场趋势，对主要云服务器厂商在排行榜中占据重要位置的原因和优势进行深度分析： 一、全球“三巨头”…...
Git常用命令完全指南：从入门到精通
Git常用命令完全指南：从入门到精通 一、基础配置命令 1. 用户信息配置 # 设置全局用户名 git config --global user.name "你的名字"# 设置全局邮箱 git config --global user.email "你的邮箱example.com"# 查看所有配置 git config --list…...
Python 实现 Web 静态服务器（HTTP 协议）
目录 一、在本地启动 HTTP 服务器1. Windows 下安装 node.js1）下载安装包2）配置环境变量3）安装镜像4）node.js 的常用命令 2. 安装 http-server 服务3. 使用 http-server 开启服务1）使用 http-server2）详解 …...