当前位置： 首页 > news >正文

CSS——5. 外部样式

news 2026/4/20 15:58:10 
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>方法3：外部样式</title><link rel="stylesheet" href="a.css" /><link rel="stylesheet" href="b.css"/></head><body><!--css引入方式：--><!--1.行内样式：将css代码写在元素开始标签的style属性中可以设置多个样式，使用";"隔开--><!--2.内部样式--><!--在当前网页head标签中，写上一对style标签，然后在style标签中，使用选择器编写css代码--><!--3.外部样式，样式写在外部（即专门写CSS的文件）-->	<!--需要一个单独的css文件书写css样式--><!--在head标签中使用link标签把单独的css文件关联起来（link:引入外部文件）--><!--在同一个页面可以引入多个css文件,每引入一个CSS就要用<link/>标签关联CSS文件--><!--外部样式这个方法是web开发使用最多的样式--><div>我爱学习</div></body>
</html>

在这里插入图片描述
03.html中的标签和 a.css文件如何联系呢，靠 link标签引入外部文件（即外部文件a.css文件，因为a.css文件和03.html处在同一个根目录下所以只需要link它相对路径即可）
在这里插入图片描述
a.css样式文件
在这里插入图片描述

b.css样式文件
在这里插入图片描述

相关文章：

CSS——5. 外部样式

<!DOCTYPE html> <html><head><meta charset"UTF-8"><title>方法3&#xff1a;外部样式</title><link rel"stylesheet" href"a.css" /><link rel"stylesheet" href"b.css"/&g…...

编程日记 2025/1/5 16:31:32

检查字符是否相同

给你一个字符串 s &#xff0c;如果 s 是一个 好 字符串&#xff0c;请你返回 true &#xff0c;否则请返回 false 。 如果 s 中出现过的 所有 字符的出现次数 相同 &#xff0c;那么我们称字符串 s 是 好 字符串。 输入&#xff1a;s "abacbc" 输出&#xff1a;t…...

编程日记 2025/1/5 16:30:29

casaos安装最新版homeassistant-arm

进入cosOS界面点自定义安装 Docker镜像:homeassistant/armv7-homeassistant Tag:2024.12.2 标题&#xff1a;Home Assistant 图片路径&#xff1a;https://cdn.jsdelivr.net/gh/IceWhaleTech/CasaOS-AppStoremain/Apps/HomeAssistant/icon.png Web UI&#xff1a;http&…...

编程日记 2025/1/5 16:28:22

openwrt host方式编译ffmpeg尝试及问题分析

openwrt host方式编译ffmpeg尝试及问题分析 configure错误分析编译错误一： ERROR: gnutls not found using pkg-config编译错误2： ERROR: libdrm not found using pkg-config编译错误3: ERROR: libmp3lame >= 3.98.3 not found编译错误4: ERROR: x264 not found using pkg…...

编程日记 2025/1/5 16:27:18

【three.js】搭建环境

一、安装Node.js和npm 下载与安装&#xff1a; 访问Node.js官方网站&#xff08;nodejs.org&#xff09;&#xff0c;根据你的操作系统下载并安装最新稳定版&#xff08;LTS版本&#xff09;的Node.js。安装过程中&#xff0c;npm&#xff08;Node包管理器&#xff09;会随No…...

编程日记 2025/1/5 16:22:12

SQLite AND/OR 运算符

SQLite AND/OR 运算符 SQLite 的 AND 和 OR 运算符用于基于一个以上的条件来过滤记录。这些运算符在 WHERE 子句中与 SELECT、UPDATE 和 DELETE 语句一起使用。理解这些运算符的工作方式对于有效地查询数据库至关重要。 AND 运算符 AND 运算符允许我们在 WHERE 子句中指定多…...

编程日记 2025/1/5 16:21:10

《普通逻辑》学习记录——命题的判定与自然推理

目录 一、真值 1.1、真值联结词 1.2、真值联结词与逻辑联结词的区别 1.3、真值形式 1.3.1、真值符号的优先级和结合性规则 1.4、真值规则 1.4.1、条件式&#xff08;蕴含式&#xff09; P → Q 的真值规则 1.4.2、双条件式&#xff08;等值式&#xff09; P ↔ Q 的真值规则 1.…...

编程日记 2025/1/5 16:18:07

道可云人工智能元宇宙每日资讯｜崂山区政务服务虚拟大厅启用

道可云元宇宙每日简报&#xff08;2024年12月31日&#xff09;讯&#xff0c;今日元宇宙新鲜事有&#xff1a; 崂山区政务服务虚拟大厅启用 近日&#xff0c;崂山区政务服务“虚拟大厅”在青岛正式上线&#xff0c;成为该市首个采用虚拟现实、人工智能、大数据及3D虚拟数字人…...

编程日记 2025/1/5 16:14:02

高并发写利器-组提交，我的Spring组件实战

高并发写优化理论 对于高并发的读QPS优化手段较多&#xff0c;最经济简单的方式是上缓存。但是对于高并发写TPS该如何提升&#xff1f;业界常用的有分库分表、异步写入等技术手段。但是分库分表对于业务的改造十分巨大&#xff0c;涉及迁移数据的麻烦工作&#xff0c;不会作为…...

编程日记 2025/1/5 16:13:01

音视频入门基础：MPEG2-PS专题（4）——FFmpeg源码中，判断某文件是否为PS文件的实现

一、引言 通过FFmpeg命令&#xff1a; ./ffmpeg -i XXX.ps 可以判断出某个文件是否为PS文件&#xff1a; 所以FFmpeg是怎样判断出某个文件是否为PS文件呢&#xff1f;它内部其实是通过mpegps_probe函数来判断的。从《FFmpeg源码&#xff1a;av_probe_input_format3函数和AVI…...

编程日记 2025/1/5 16:12:00

如何使用OpenCV进行抓图-多线程

前言 需求&#xff1a; 1、如何使用OpenCV捕抓Windows电脑上USB摄像头的流、 2、采用多线程 3、获知当前摄像头的帧率。 这个需求&#xff0c;之前就有做了&#xff0c;但是由于出现了一个问题&#xff0c;人家摄像头的帧率目前都可以达到60帧/s 了&#xff0c;而我的程序…...

编程日记 2025/1/5 16:10:59

电子应用设计方案86：智能 AI背景墙系统设计

智能 AI 背景墙系统设计 一、引言 智能 AI 背景墙系统旨在为用户创造一个动态、个性化且具有交互性的空间装饰体验&#xff0c;通过融合先进的技术和创意设计&#xff0c;提升室内环境的美观度和功能性。 二、系统概述 1. 系统目标 - 提供多种主题和风格的背景墙显示效果&…...

编程日记 2025/1/5 16:08:57

【《python爬虫入门教程11--重剑无峰168》】

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 【《python爬虫入门教程11--selenium的安装与使用》】 前言selenium就是一个可以实现python自动化的模块 一、Chrome的版本查找&#xff1f;-- 如果用edge也是类似的1.chrome…...

编程日记 2025/1/5 16:06:55

.net core 线程锁，互斥锁，自旋锁，混合锁

线程锁、互斥锁、自旋锁和混合锁是多线程编程中的重要概念&#xff0c;它们用于控制对共享资源的访问&#xff0c;避免数据竞争和不一致性。每种锁有其特定的适用场景和特点。我们来逐一解释它们&#xff0c;并进行比较。 1. 线程锁&#xff08;Thread Lock&#xff09; 线程…...

编程日记 2025/1/5 16:04:54

【DevOps】Jenkins项目发布

Jenkins项目发布 文章目录 Jenkins项目发布前言资源列表基础环境一、Jenkins发布静态网站1.1、项目介绍1.2、部署Web1.3、准备gitlab1.4、配置gitlab1.5、创建项目1.6、推送代码 二、Jenkins中创建gitlab凭据2.1、创建凭据2.2、在Jenkins中添加远程主机2.3、获取gitlab项目的UR…...

编程日记 2025/1/5 16:02:51

C# OpenCV机器视觉:霍夫变换

在一个阳光灿烂得近乎放肆的午后&#xff0c;阿强的实验室就像被施了魔法的科学城堡&#xff0c;到处闪耀着神秘的科技光芒。阿强呢&#xff0c;像个即将踏上惊险征程的探险家&#xff0c;一屁股坐在那堆满奇奇怪怪设备的桌前&#xff0c;眼神中透露出按捺不住的兴奋劲儿&#…...

编程日记 2025/1/5 15:59:48

Kraft模式安装Kafka（含常规、容器两种安装方式）

一、#创作灵感# 公司使用Kafka的软件项目较多&#xff0c;故写技术笔记巩固知识要点 二、软件环境 - Kafka 3.9.0 官方下载地址&#xff1a;Kafka 3.9.0 - Docker Desktop 4.37 容器图形化工具 官方下载地址&#xff1a;Docker Desktop 4.37 特别说明 - Docker Desktop…...

编程日记 2025/1/5 15:57:46

Linux驱动开发（16）：输入子系统–电容触摸驱动实验

有关电容触摸的基础知识内容可以参考野火STM32相关教程&#xff0c;这里只介绍电容触摸驱动的相关内容。 本章配套源码、设备树以及更新固件位于“~/embed_linux_driver_tutorial_imx6_code/linux_driver/touch_scream_GTxxx”目录下。 触摸面板通过双面胶粘在显示屏上&#…...

编程日记 2025/1/5 15:53:42

《深入浅出HTTPS​​​​​​​​​​​​​​​​​》读书笔记（24）：椭圆曲线密码学

《深入浅出HTTPS​​​​​​​​​​》读书笔记&#xff08;24&#xff09;&#xff1a;椭圆曲线密码学 为了保证DH的密钥对不被破解&#xff0c;提升安全性的主要手段就是增加密钥对的长度&#xff0c;但是长度越长&#xff0c;性能越低。 为了解决性能问题&#xff0c;需要…...

编程日记 2025/1/5 15:52:41

现代光学基础5

总结自老师的讲义 yt5 开卷考试复习资料&#xff1a;光探测器与光伏技术 目录 光探测器&#xff08;Photodetector&#xff09; 工作原理二极管电路连接方式响应度&#xff08;Responsivity&#xff09;微弱光检测超导纳米线单光子探测光电二极管噪声 太阳能电池&#xff0…...

编程日记 2025/1/5 15:49:39

Unity游戏模组开发终极指南：MelonLoader完整教程与实战技巧

Unity游戏模组开发终极指南&#xff1a;MelonLoader完整教程与实战技巧 【免费下载链接】MelonLoader The Worlds First Universal Mod Loader for Unity Games compatible with both Il2Cpp and Mono 项目地址: https://gitcode.com/gh_mirrors/me/MelonLoader 想要为U…...

编程新知 2026/4/20 14:59:58

从PCIe到UCIe：NOP操作的演变与芯片互连设计中的那些‘小心思’

从PCIe到UCIe&#xff1a;NOP操作的演变与芯片互连设计中的那些‘小心思’ 在芯片互连技术快速迭代的今天&#xff0c;从PCIe到UCIe的演进不仅仅是带宽和速率的提升&#xff0c;更体现了设计哲学的根本转变。当我们聚焦于看似简单的NOP&#xff08;No Operation&#xff09;操作…...

编程新知 2026/4/20 14:44:19

SEO老鸟的避坑指南：从‘降权’到‘索引暴跌’，我踩过的10个坑和补救方法（附真实案例）

SEO老鸟的避坑指南&#xff1a;从‘降权’到‘索引暴跌’&#xff0c;我踩过的10个坑和补救方法 在SEO这个看似简单实则暗藏玄机的领域里&#xff0c;每个从业者都像在走钢丝——一边是算法的不断更新&#xff0c;一边是老板对排名的执着追求。记得2018年我接手一个电商项目时&…...

编程新知 2026/4/20 13:44:58

从零构建高性能Switch模拟环境：Ryujinx进阶配置完全指南

从零构建高性能Switch模拟环境&#xff1a;Ryujinx进阶配置完全指南 【免费下载链接】Ryujinx 用 C# 编写的实验性 Nintendo Switch 模拟器 项目地址: https://gitcode.com/GitHub_Trending/ry/Ryujinx 作为一款用C#编写的开源Nintendo Switch模拟器&#xff0c;Ryujinx…...

编程新知 2026/4/20 13:30:38

从“新颖”到“异常”：手把手教你用Python和One-Class SVM打造业务风控模型

从“新颖”到“异常”&#xff1a;手把手教你用Python和One-Class SVM打造业务风控模型 想象一下你正在管理一个电商平台&#xff0c;每天有数百万笔交易发生。突然有一天&#xff0c;系统开始频繁报警——不是因为有黑客攻击&#xff0c;而是因为某个地区的用户突然集体购买了…...

编程新知 2026/4/20 12:57:27

从控制台到文件：用Fortran读写数据的完整流程（含read/write参数详解）

从控制台到文件&#xff1a;用Fortran读写数据的完整流程&#xff08;含read/write参数详解&#xff09; 在科学计算和工程仿真领域&#xff0c;数据持久化是构建可靠工作流的关键环节。Fortran作为高性能计算的基石语言&#xff0c;其文件操作能力直接影响着科研数据的处理效率…...

编程新知 2026/4/20 12:01:53

大气层破解系统深度优化指南：终极性能调优与稳定运行方案

大气层破解系统深度优化指南&#xff1a;终极性能调优与稳定运行方案 【免费下载链接】Atmosphere-stable 大气层整合包系统稳定版 项目地址: https://gitcode.com/gh_mirrors/at/Atmosphere-stable Atmosphere-stable 1.7.1作为支持Switch 18.1.0系统的最新稳定版本&am…...

编程新知 2026/4/20 11:55:28

用STM32F103C8T6做个会说话的智能垃圾桶：从HC-SR04到LU-ASR01的保姆级教程

用STM32F103C8T6打造会说话的智能垃圾桶&#xff1a;从硬件搭建到语音交互全解析 最近在工作室捣鼓了一个特别有趣的小项目——给家里的垃圾桶装上"大脑"&#xff0c;让它能感应开盖、语音提醒还能自动检测垃圾是否装满。这个基于STM32F103C8T6的智能垃圾桶不仅实用…...

编程新知 2026/4/20 9:41:44

Qwen3.5-2B镜像部署教程：免conda手动安装，预置全部依赖与模型权重

Qwen3.5-2B镜像部署教程&#xff1a;免conda手动安装&#xff0c;预置全部依赖与模型权重 1. 模型简介 Qwen3.5-2B是Qwen3.5系列中的轻量化多模态基础模型&#xff0c;仅20亿参数规模&#xff0c;专为低功耗、低门槛部署场景设计。该模型具有以下核心特点&#xff1a; 端侧适…...

编程新知 2026/4/20 9:01:34

3步高效解锁智慧树自动化学习：技术原理解析与实战指南

3步高效解锁智慧树自动化学习&#xff1a;技术原理解析与实战指南 【免费下载链接】zhihuishu 智慧树刷课插件&#xff0c;自动播放下一集、1.5倍速度、无声 项目地址: https://gitcode.com/gh_mirrors/zh/zhihuishu 你是否厌倦了在智慧树平台上重复点击下一集、手动调节…...

编程新知 2026/4/20 8:18:48