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

CSS基本概念以及CSS的多种引入方式

news 2026/5/19 13:26:19

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是层叠样式表&#xff0c;又叫级联样式表&#xff0c;简称样式表。CSS的文件后缀为.css&#xff0c;CSS用于HTML文档中元素样式的定义。 CSS的基本语法 CSS的规则由2个主要的部分构成&#xff1a;选择器以及一条或者多条声明。 选测器通常是你血药改变样式的…...

编程日记 2024/9/24 19:48:11

TiDB 简单集群部署拓扑文件

TiDB集群部署 服务器环境部署拓扑 都2024了还在为分库分表烦恼吗&#x1f618;&#xff0c;用分布式数据库TiDB、OceanBase、华为 GaussDB&#xff0c;你就使劲往里存数据。 早下班、少脱发、脱单&#xff01; &#x1f64f;&#x1f3fb;&#x1f64f;&#x1f3fb;&#x1f6…...

编程日记 2024/9/24 19:46:07

十三 系统架构设计(考点篇)

1 软件架构的概念 一个程序和计算系统软件体系结构是指系统的一个或者多个结构。结构中包括软件的构件&#xff0c;构件 的外部可见属性以及它们之间的相互关系。 体系结构并非可运行软件。确切地说&#xff0c;它是一种表达&#xff0c;使软件工程师能够&#xff1a; (1)分…...

编程日记 2024/9/24 19:44:03

Java-数据结构-二叉树-习题(三) ￣へ￣

文本目录&#xff1a; ❄️一、习题一(前序遍历非递归)&#xff1a; ▶ 思路&#xff1a; ▶ 代码&#xff1a; ❄️二、习题二(中序遍历非递归)&#xff1a; ▶ 思路&#xff1a; ▶ 代码&#xff1a; ❄️三、习题三(后序遍历非递归)&#xff1a; ▶ 思路&#xff1a; …...

编程日记 2024/9/24 19:41:00

SpringBoot+Aop+注解方式 实现多数据源动态切换

整体思路&#xff1a; 引入基本依赖SpringBootAopMySqlMyBatislombok在配置文件中配置多个数据源创建数据源配置类用于读取配置编写用于标识切换数据源的注解创建数据源切换工具类DataSourceContextHolder编写切面类用于在注解生效处切换数据源编写配置类&#xff0c;加载数据…...

编程日记 2024/9/24 19:38:57

企业如何高效应对多类型知识产权事务的复杂挑战？

随着企业的发展和创新活动的不断推进&#xff0c;越来越多的企业拥有了大量的专利、商标和软著等知识产权&#xff0c;这些不仅关乎企业的技术创新成果&#xff0c;更直接影响到企业的品牌价值和市场竞争力。然而&#xff0c;当企业拥有多件知识产权时&#xff0c;复杂的申请、…...

编程日记 2024/9/24 19:36:55

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安装依赖包 #安装依赖包&#xff0c;NGINX是C语言写的&#xff0c;pcre-devel支持正则表达式&#xff0c;openssl 开启加密 [rootproxy ~]…...

编程日记 2024/9/24 19:35:53

图片压缩工具免费怎么找？归纳了这几个压缩工具

有哪些图片压缩工具免费&#xff1f;在数字化时代&#xff0c;图像已成为我们生活中不可或缺的一部分。无论是网站设计、社交媒体分享还是文件传输&#xff0c;高质量的图片都扮演着重要的角色。但高质量往往意味着大文件体积&#xff0c;这可能会导致加载速度变慢或存储空间不…...

编程日记 2024/9/24 19:34:52

【Kubernetes知识点】解读HPA的 thrashing（抖动）问题

【Kubernetes知识点】解读HPA的 thrashing&#xff08;抖动&#xff09;问题 目录 1 概念 1.1 什么是 Thrashing 现象&#xff1f;1.2 HPA 中 Thrashing 产生的原因1.3 解决 Thrashing 的优化措施 1.3.1 设置合适的阈值1.3.2 使用自定义指标和基于负载的自动扩缩1.3.3 增加扩…...

编程日记 2024/9/24 19:32:49

Unity 设计模式 之 结构型模式 -【装饰者模式】【外观模式】【享元模式】【代理模式】

Unity 设计模式 之 结构型模式 -【装饰者模式】【外观模式】【享元模式】【代理模式】 目录 Unity 设计模式 之 结构型模式 -【装饰者模式】【外观模式】【享元模式】【代理模式】 一、简单介绍 二、装饰者模式&#xff08;Decorator Pattern&#xff09; 1、什么时候使用装…...

编程日记 2024/9/24 19:30:46

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,…...

编程日记 2024/9/24 19:28:36

lettuce引起的Redis command timeout异常

项目使用Lettuce&#xff0c;在自己的环境下跑是没有问题的。在给客户做售前压测时&#xff0c;因为客户端环境比较恶劣&#xff0c;service服务和中间件服务不在同一机房。服务启动后不一会就会出现Redis command timeout异常。 经过差不多两周的追查&#xff0c;最后没办法把…...

编程日记 2024/9/24 19:27:35

【Hadoop】一、Hadoop入门：基础配置、集群配置、常用脚本

基础设置 网络设置 创建好一个 centos 虚拟机&#xff0c;修改网络配置文件&#xff1a; /etc/sysconfig/network-scripts/ifcfg-ens33修改 BOOTPROTO 为 static 以及添加 IPADDR、GATEWAY、DNS1 TYPE"Ethernet" PROXY_METHOD"none" BROWSER_ONLY&quo…...

编程日记 2024/9/24 19:26:32

Ollama：本地运行大模型【含UI界面】

文章目录 Ollama 简介安装 ollamaWindows 安装Docker 安装其它平台安装支持的模型模型清单模型参数与运行内存快速启动 llama 模型llama 模型介绍运行 llama3.1 模型通过 HTTP API 访问ollama 命令语法常用示例特别示例自定义模型创建 Modelfile创建模型并运行集成 Web 页面Ope…...

编程日记 2024/9/24 19:25:31

【论文阅读】Grounding Language with Visual Affordances over Unstructured Data

Abstract 最近的研究表明&#xff0c;大型语言模型&#xff08;llms&#xff09;可以应用于将自然语言应用于各种各样的机器人技能。然而&#xff0c;在实践中&#xff0c;学习多任务、语言条件机器人技能通常需要大规模的数据收集和频繁的人为干预来重置环境或帮助纠正当前的…...

编程日记 2024/9/24 19:24:30

目标检测：滑块验证

最近在做一些爬虫相关的任务&#xff0c;有时候在登录时候需要去做滑块验证&#xff0c;刚好自己是做AI这一块得&#xff0c;就想着使用目标检测去做检测&#xff0c;然后绕过滑块。...

编程日记 2024/9/24 19:22:27

Unreal Engine 5 C++: 编辑器工具编写入门01（中文解释）

目录 准备工作 1.创建插件 2.修改插件设置 快速资产操作&#xff08;quick asset action) 自定义编辑器功能 0.创建编辑器button&#xff0c;测试debug message功能 大致流程 详细步骤 1.ctrlF5 launch editor 2.创建新的cpp class&#xff0c;derived from AssetAction…...

编程日记 2024/9/24 19:21:24

力扣上刷题之C语言实现-Day2

一. 简介 本文记录一下&#xff0c;力扣C语言逻辑题。主要涉及 数组方面的知识。 二. 涉及数组的 C语言逻辑题 1. 两数之和 给你一个下标从 1 开始的整数数组 numbers &#xff0c;该数组已按 非递减顺序排列 &#xff0c;请你从数组中找出满足相加之和等于目标数 target…...

编程日记 2024/9/24 19:20:23

Visual Studio 2022 - QT 环境中文字符乱码问题

Visual Studio 2022 - QT 环境中文字符乱码问题 一、Visual Studio 2022 - Qt 环境 在 QT 中使用中文字符串常会出现乱码现象&#xff0c;如下&#xff1a;以下提供了几个解决方法&#xff0c;仅供参考 QString str "百香果真是一直可爱的小猫咪"; qDebug() <…...

编程日记 2024/9/24 19:18:21

获得ASPICE认证需要满足哪些条件？

要获得ASPICE认证&#xff0c;需要满足以下条件&#xff1a; ( 要明确的是&#xff1a;在ASPICE行业中专业来说&#xff0c;ASPICE项目是没有认证&#xff0c;而只有评估。不过&#xff0c;为了方便沟通&#xff0c;人们常将这一评估过程称为认证。&#xff09; 一、基础条件…...

编程日记 2024/9/24 19:15:17

Transformer时代回头看：Layer Norm为何成了BERT、GPT的“标配”组件？

Transformer时代回头看&#xff1a;Layer Norm为何成了BERT、GPT的“标配”组件&#xff1f; 在2017年Transformer架构横空出世之前&#xff0c;深度学习领域已经见证了批量归一化&#xff08;Batch Normalization&#xff09;在计算机视觉任务中的巨大成功。然而当Transformer…...

编程新知 2026/5/19 13:21:37

WinDirStat终极指南：3步掌握Windows磁盘空间可视化分析

WinDirStat终极指南&#xff1a;3步掌握Windows磁盘空间可视化分析 【免费下载链接】windirstat WinDirStat is a disk usage statistics viewer and cleanup tool for Microsoft Windows 项目地址: https://gitcode.com/gh_mirrors/wi/windirstat WinDirStat是一款功能…...

编程新知 2026/5/19 13:04:34

2026年版｜Java程序员转行大模型开发：从入门到实践（小白必收藏）

在2026年人工智能&#xff08;AI&#xff09;技术持续爆发的当下&#xff0c;大模型已从“前沿概念”全面渗透到企业实际应用中&#xff0c;成为驱动数字化转型的核心动力。对于长期深耕Java领域的程序员而言&#xff0c;从传统Java开发转向大模型开发&#xff0c;不再是“可选…...

编程新知 2026/5/19 12:35:56

Zotero期刊标签：从数据映射到视觉呈现的自动化实践

1. 科研文献管理的视觉化革命 作为一名常年泡在文献堆里的科研狗&#xff0c;我最头疼的就是面对几百篇PDF时那种无从下手的窒息感。直到三年前偶然发现Zotero的标签染色功能&#xff0c;才真正体会到什么叫"一眼定位关键文献"。想象一下&#xff1a;当你打开文献库&…...

编程新知 2026/5/19 12:17:00

Linux应用目录规范实战指南

Linux应用目录规范实战指南本文面向具备一定 Linux 基础的技术人员&#xff0c;围绕应用目录规范展开&#xff0c;重点讨论配置目录、数据目录和日志目录职责分离。在中级运维和系统管理工作中&#xff0c;这类主题常常与配置变更、资源状态、权限边界、自动化任务和业务影响交…...

编程新知 2026/5/19 10:35:39

突破性效率工具：3步实现Draw.io Mermaid智能绘图完整方案

突破性效率工具&#xff1a;3步实现Draw.io Mermaid智能绘图完整方案 【免费下载链接】drawio_mermaid_plugin Mermaid plugin for drawio desktop 项目地址: https://gitcode.com/gh_mirrors/dr/drawio_mermaid_plugin 还在为传统拖拽式绘图效率低下而烦恼吗&#xff1…...

编程新知 2026/5/19 10:25:16

华为擎云L420变身MCU开发主力机：VSCode + Cortex-Debug + 自编译工具链玩转雅特力AT32

华为擎云L420打造高效MCU开发环境&#xff1a;VSCodeCortex-Debug全流程实战 在嵌入式开发领域&#xff0c;效率工具的选择往往能决定项目的成败。当国产化浪潮席卷技术圈&#xff0c;越来越多的开发者开始尝试在纯国产硬件上构建完整的工作流。华为擎云L420作为一款基于ARM架构…...

编程新知 2026/5/19 10:09:26

KeyboardChatterBlocker：拯救老旧机械键盘的终极免费防连击方案

KeyboardChatterBlocker&#xff1a;拯救老旧机械键盘的终极免费防连击方案 【免费下载链接】KeyboardChatterBlocker A handy quick tool for blocking mechanical keyboard chatter. 项目地址: https://gitcode.com/gh_mirrors/ke/KeyboardChatterBlocker 你是否曾经在…...

编程新知 2026/5/19 8:34:58

SteamVR Unity插件实战：解决VR开发中的三大核心挑战

SteamVR Unity插件实战&#xff1a;解决VR开发中的三大核心挑战 【免费下载链接】steamvr_unity_plugin SteamVR Unity Plugin - Documentation at: https://valvesoftware.github.io/steamvr_unity_plugin/ 项目地址: https://gitcode.com/gh_mirrors/st/steamvr_unity_plug…...

编程新知 2026/5/19 7:37:47

我终于把AI应用拆明白了：Agent、RAG、MCP

本文深入剖析AI应用开发的核心要素&#xff0c;指出仅靠强大的大模型&#xff08;LLM&#xff09;不足以构建实用的AI应用。文章详细阐述了Prompt、Skill、RAG、Tool、MCP、Agent等关键模块如何协同工作&#xff0c;使AI能够获取正确资料、调用外部工具、遵循固定流程并稳定交付…...

编程新知 2026/5/19 7:00:01