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

devtools/2024/9/24 18:53:45/

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/devtools/116619.html

相关文章

二叉树计算

题目描述 给出一个二叉树&#xff0c;请由该二叉树生成一个新的二叉树&#xff0c;它满足其树中的每个节点将包含原始树中的左子树和右子树的和。左子树表示该节点左侧叶子节点为根节点的一颗新树;右子树表示该节点右侧叶子节点为根节点的一颗新树。 输入描述 2行整数&#…

滚雪球学SpringCloud[9.3讲]:微服务监控与运维详解

全文目录&#xff1a; 前言1. 项目需求分析与架构设计1.1 项目背景与需求分析1.2 架构设计1.3 关键技术选型 2. 各核心组件的集成与配置2.1 服务注册与发现2.1.1 搭建Eureka服务2.1.2 服务的注册与调用 2.2 服务通信与消息队列2.2.1 RabbitMQ的集成2.2.2 服务间的消息传递 2.3 …

Unity3D URP 内置CSM分帧详解

技术详解 Unity3D的Universal Render Pipeline (URP) 提供了强大的渲染功能&#xff0c;其中内置的Cascaded Shadow Maps (CSM) 是一种用于大场景阴影渲染的高效技术。CSM通过将视锥体从近到远划分为多个层级&#xff0c;并为每个层级生成一张相同分辨率的深度图&#xff08;S…

Leetcode 最小覆盖子串

解题思路&#xff1a; 哈希表存储字符频率&#xff1a;首先统计字符串 t 中每个字符出现的次数。滑动窗口&#xff1a;用两个指针 left 和 right 来标记当前窗口的左右边界&#xff0c;不断右移 right&#xff0c;直到包含了所有 t 中的字符。然后尝试右移 left&#xff0c;缩…

记软件开发者画图(UML),使用WPS应用制图

目录 前言 一、什么是UML 二、使用什么画图工具 三、示例 ​四、IntelliJ IDEA 2021快速生成UML图 前言 做软件开发的从写第一个示例程序到最后写项目程序避不开的需要设计画图&#xff0c;所以今天我们就来梳理一下‌UML&#xff08;统一建模语言&#xff09;图形需要画…

Idea集成docker实现镜像打包一键部署

1.Docker开启远程访问 #修改该Docker服务文件 vi /lib/systemd/system/docker.service#修改ExecStart这行 ExecStart/usr/bin/dockerd -H tcp://0.0.0.0:2375 -H unix:///var/run/docker.sock将文件内的 ExecStart注释。 新增如上行。 ExecStart/usr/bin/dockerd -H fd:/…

通信工程学习:什么是PON无源光网络

PON&#xff1a;无源光网络 PON&#xff08;Passive Optical Network&#xff0c;无源光纤网络&#xff09;是一种采用光分路器等无源光器件进行信号传输和分配的光纤接入技术。它利用光纤作为传输媒介&#xff0c;通过无源设备将光信号从中心局&#xff08;如光线路终端OLT&am…

【C++复习】C++特殊类总结

文章目录 不能被拷贝只在堆上创建只能在栈上创建不能被继承饿汉单例 程序启动前就创建好懒汉单例 需要的时候即调用GetInstance时再创建单例 不能被拷贝 class CopyBan {public:CopyBan(){}private:// C98CopyBan(const CopyBan&);CopyBan& operator(const CopyBan&am…