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

news/2024/9/29 1:16:23/

CSS基本概念

CSS是层叠样式表,又叫级联样式表,简称样式表。CSS的文件后缀为.css,CSS用于HTML文档中元素样式的定义。

CSS的基本语法

CSS的规则由2个主要的部分构成:选择器以及一条或者多条声明。

选测器通常是你血药改变样式的HTML元素。每条声明由一个属性和一个值组成。

css">   h3{font-size: 20px;}

CSS的多种引入方式 

内联样式

使用内联样式,你需要在相关的标签使用样式style属性,style属性可以包含任何CSS属性。

注意:此样式缺乏整体性和规划性,不利于维护,维护成本较高。

 <h3 style="font-size: 20px;">标题</h3>

内部样式

当单个文档需要特殊的样式时,应该使用内部样式表,你可以使用<style> </style>标签在文档的<head> 标签内定义内部样式表。

注意:单个页面的CSS代码具有统一性和规划性,便于维护,但时在多个页面之间容易混乱。

css">  <style>h3{font-size: 20px;}</style>

 外部样式

当样式需要应用于多个页面时,外部样式表将时理想的选择,在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用<link> 标签链接到样式表。<link>标签在文档的<head>标签内。

 

 <link rel="stylesheet" href="H5.css">

 href属性用于链接外部CSS文件。


http://www.ppmy.cn/news/1530767.html

相关文章

江上场景目标检测系统源码分享

江上场景目标检测检测系统源码分享 [一条龙教学YOLOV8标注好的数据集一键训练_70全套改进创新点发刊_Web前端展示] 1.研究背景与意义 项目参考AAAI Association for the Advancement of Artificial Intelligence 项目来源AACV Association for the Advancement of Computer…

数据库 - MySQL介绍

目录 前言 一、MySQL介绍 &#xff08;一&#xff09;关系型数据库 &#xff08;二&#xff09;SQL支持 &#xff08;三&#xff09;开源 &#xff08;四&#xff09;性能和拓展性 &#xff08;五&#xff09;支持多种存储引擎 &#xff08;六&#xff09;事物与锁机制 …

Python Web项目管理与团队协作

Python Web项目管理与团队协作 目录 ✨ 版本控制与分支管理 Git 在项目管理中的核心作用GitFlow 工作流的最佳实践Pull Request 和 Code Review 的规范与流程 &#x1f6e0;️ 项目依赖管理 pipenv 和 poetry 的项目依赖管理方式如何通过依赖锁定文件保证环境一致性 &#x1f…

Apache Cordova和PhoneGap

Apache Cordova和PhoneGap是两个在移动应用开发领域备受关注的开源框架&#xff0c;它们有着紧密的联系和显著的区别。本文将从起源与发展、技术特点、功能与应用、社区与文档资源、性能与限制以及未来发展趋势等多个方面&#xff0c;对Apache Cordova和PhoneGap进行详细探讨。…

Redis结合Caffeine实现二级缓存:提高应用程序性能

本文将详细介绍如何使用CacheFrontend和Caffeine来实现二级缓存。 1. 简介 CacheFrontend: 是一种用于缓存的前端组件或服务。通俗的讲&#xff1a;该接口可以实现本地缓存与redis自动同步&#xff0c;如果本地缓存&#xff08;JVM级&#xff09;有数据&#xff0c;则直接从本…

net.sf.json.JSONException: There is a cycle in the hierarchy!

在用com.google.gson.JsonArray把list对象转jsonarray后&#xff0c;把jsonarray放入了新的json内时&#xff0c;异常net.sf.json.JSONException: There is a cycle in the hierarchy! 意思是&#xff1a;将Java对象转换为JSON时发现了层级&#xff08;循环&#xff09;引用。即…

docker 部署minio

docker部署minio 前提部署minio连接minio参考链接 前提 已安装docker 部署minio mkdir -p ~/minio/datadocker run \-p 9000:9000 \-p 9001:9001 \--name minio \-v ~/minio/data:/data \-e "MINIO_ROOT_USERROOTNAME" \-e "MINIO_ROOT_PASSWORDCHANGEME123&…

0-1开发自己的obsidian plugin DAY 4

今天想把源代码都放在/src文件夹下&#xff0c;然后在不同的.ts脚本中实现子模块功能 一步一步来&#xff0c;第一步先分离main出去以后引用格式类似&#xff1a; import { ExampleSettingTab } from ./settings; 然后把main.ts和settings.ts都移入新建的src/文件夹下。然后有…