css学习3（三种样式表与样式控制优先级）
1、外部样式表：当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表，也要放到<head>中。
2、外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的 html 标签。样式表应该以 .css 扩展名进行保存。
3、当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用 <style> 标签在文档头部<head>定义内部样式表。
4、当样式仅需要在一个元素上应用一次时，要使用内联样式，你需要在相关的标签内使用样式（style）属性。Style 属性可以包含任何 CSS 属性。
5、如果某些属性在不同的样式表中被同样的选择器定义，那么属性值将从更具体的样式表中被继承过来。
6、多重样式优先级：（内联样式）Inline style > （内部样式）Internal style sheet >（外部样式）External style sheet > 浏览器默认样式
7、如果外部样式放在内部样式的后面，则外部样式将覆盖内部样式。
8、CSS优先规则：内联样式 > id 选择器 > 类选择器 = 伪类选择器 = 属性选择器 > 标签选择器 = 伪元素选择器
h3 {color:blue;
}<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>内外样式</title><!--<link rel="stylesheet" type="text/css" href="style.css"/>--><style type="text/css">h3{color:green;}#content-id{/*id控制*/color: red;}.content-class{/*类控制*/color: blue;}div{/*元素控制*/color: yellow;}</style><link rel="stylesheet" type="text/css" href="style.css"/> </head><body><h3>外部蓝色，内部绿色</h3><div class="content-class" id="content-id">PHP</div></body>
</html>运行结果：
相关文章：
css学习3（三种样式表与样式控制优先级）
1、外部样式表：当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表，也要放到<head>中。 2、外部…...
【JS深层解析】内存
前言 接触过 C 语言的小伙伴应该了解：C语言拥有底层最原始的内存管理办法，例如：malloc() 和 free()方法，它们被开发者用来从操作系统中分配和释放内存。 然而在JavaScript这门语言中，当我们创建了一个东西（可以被读写、传递的数据），浏览器中的 js 引擎会根据创建这个…...
第二章：25+ Python 数据操作教程（第十四节NUMPY 教程与练习）
NumPy（“Numerical Python”或“Numeric Python”的缩写）是 Python 中对数组和矩阵进行快速数学计算的最基本的软件包之一。在处理多维数据时它也非常有用。集成C、C++和FORTRAN工具是一件幸事。它还提供了许多傅里叶变换 (FT) 和线性代数函数。 为什么使用 NumPy 而不是列…...
Pycharm与Anaconda Python的开发环境搭建
目录 一：下载 二：安装python 三：设置Pycharm 一：下载 下载Anaconda： Anaconda | The World’s Most Popular Data Science Platform 安装好以后，设置一下环境变量： 打开命令行，…...
2.创建小程序
创建 在开发工具中，选择小程序，点击加号 填写小程序信息，模板使用的是TS+Sass 编辑器的工作区 目录结构 项目使用的是ts的模板，目录结构和js的有一点差异，目录结构如下： miniprogram：小程序根目录 —pages：小程序页面目录 ——xxx：页面目录，一个页面对应一个目…...
XenDesktop5.6如何连接数据库
Citrix在数据库的连接方式上一直不统一，但是也还是有迹可循的。 经过了好长时间的下载以后，今天终于有时间来测试一下最新版本的XenDesktop 5 SP1，由于结合了其他组件和环境的需要，所以，选择了独立部署数据库…...
OAuth2.0一 Spring Security OAuth2.0
这里主讲OAuth2.0 学习OAuth2前提： 掌握Spring Security Spring Security学习 一 OAuth2.0介绍 OAuth（Open Authorization）是一个关于授权（authorization）的开放网络标准，允许用户授权第三方应用访问他们…...
【linux】kernel编译时相关报错
文章目录 1. 问题现象及解决方式1. cc1: error: code model kernel does not support PIC mode 1. 问题现象及解决方式 1. cc1: error: code model kernel does not support PIC mode 问题：编译module时报错 原因：未指定交叉编译器，导致默认…...
C语言 功能型API --------------------strcat()
NAME strcat, strncat - concatenate two strings 头文件 SYNOPSIS #include <string.h> 函数原型： char *strcat(char *dest, const char *src); 功能： 在字符串dest的末尾将字符串src拼接上去 #include <stdio.h> #inc…...
企业展示小程序搭建指南
如今，移动互联网的快速发展，为企业展示提供了更多元化的方式。除了传统的宣传手段，企业还可以借助小程序来展示自己的实力和产品。本文将为大家介绍一种简单的DIY小程序的方法，让企业能够快速打造自己的展示平台。 首先࿰…...
大模型技术实践（一）｜ChatGLM2-6B基于UCloud UK8S的创新应用
近半年来，通过对多款主流大语言模型进行了调研，我们针对其训练方法和模型特点进行逐一分析，方便大家更加深入了解和使用大模型。本文将重点分享ChatGLM2-6B基于UCloud云平台的UK8S实践应用。 01各模型结构及特点 自从2017年6月谷歌推出Transf…...
Flink状态和状态管理
1.什么是状态 官方定义：当前计算流程需要依赖到之前计算的结果，那么之前计算的结果就是状态。 这句话还是挺好理解的，状态不只存在于Flink，也存在生活的方方面面，比如看到一个认识的人，如何识别认识呢&am…...
【3Ds Max】布料命令的简单使用
简介 在3ds Max中，"布料"（Cloth）是一种模拟技术，用于模拟物体的布料、织物或软体的行为，例如衣物、帆布等。通过应用布料模拟，您可以模拟出物体在重力、碰撞和其他外力作用下的变形和动态效果。…...
用 VB.net，VBA 两种方式 读取单元格内的 换行数据，并出力到 CSV文件
用 VB.net，VBA 两种方式 读取单元格内的 换行数据，并出力到 CSV文件 需求 如下图所示，为了生成csv文件导入数据库，需要将下图 的 1 和 2 拼接成 如下 3 所示的一行数据， 开头为 1 ，往后为 2 的换行数据 将换…...
kafka线上问题优化
如何防止消息丢失 生产者： 使用同步发送把ack设成1或者all（非0，0可能会出现消息丢失的情况），并且设置同步的分区数>2 消费者：把自动提交改成手动提交 如何防止重复消费 在防止消息丢失的方案中&#…...
FifthOne：用于矢量搜索的计算机视觉接口
一、说明 数据太多了。数据湖和数据仓库;广阔的像素牧场和充满文字的海洋。找到正确的数据就像大海捞针一样！如果你喜欢开源机器学习库 FiftyOne，矢量搜索引擎通过将复杂数据（图像的原始像素值、文本文档中的字符）转换为称为嵌入矢…...
认识Axios
axios中文网 一. 为什么会诞生Axios 最初浏览器页面向服务器请求数据时，返回的是整个页面，整个页面都会刷新ajax的出现，它可以在页面无刷新的情况下请求数据原生的XMLHttpRequest，jQuery封装的ajax，以及axios都可以实…...
系统架构设计专业技能 · 信息安全技术
系列文章目录 系统架构设计专业技能 网络技术（三） 系统架构设计专业技能 系统安全分析与设计（四）【系统架构设计师】 系统架构设计高级技能 软件架构设计（一）【系统架构设计师】 系统架构设计高级技能 …...
kafka晋升之路-理论+场景
kafka晋升之路 一：故事背景二：核心概念2.1 系统架构2.2 生产者（Producer）2.2.1 生产者分区2.2.2 生产者分区策略 2.3 经纪人（Broker）2.3.1 主题（Topic）2.3.2 分区（Partit…...
(牛客网)链表相加(二)
嗯哼~ 题目 描述 假设链表中每一个节点的值都在 0 - 9 之间，那么链表整体就可以代表一个整数。 给定两个这种链表，请生成代表两个整数相加值的结果链表。 数据范围：0 ≤ n,m ≤ 1000000，链表任意值 0 ≤ val ≤ 9 要求&#x…...
对WWDC 2025 Keynote 内容的预测
借助我们以往对苹果公司发展路径的深入研究经验，以及大语言模型的分析能力，我们系统梳理了多年来苹果 WWDC 主题演讲的规律。在 WWDC 2025 即将揭幕之际，我们让 ChatGPT 对今年的 Keynote 内容进行了一个初步预测，聊作存档。等到明…...
Robots.txt 文件
什么是robots.txt？ robots.txt 是一个位于网站根目录下的文本文件（如：https://example.com/robots.txt），它用于指导网络爬虫（如搜索引擎的蜘蛛程序）如何抓取该网站的内容。这个文件遵循 Robots…...
)
OpenLayers 分屏对比(地图联动)
注：当前使用的是 ol 5.3.0 版本，天地图使用的key请到天地图官网申请，并替换为自己的key 地图分屏对比在WebGIS开发中是很常见的功能，和卷帘图层不一样的是，分屏对比是在各个地图中添加相同或者不同的图层进行对比查看。…...
#Uniapp篇：chrome调试unapp适配
chrome调试设备----使用Android模拟机开发调试移动端页面 Chrome://inspect/#devices MuMu模拟器Edge浏览器：Android原生APP嵌入的H5页面元素定位 chrome://inspect/#devices uniapp单位适配 根路径下 postcss.config.js 需要装这些插件 “postcss”: “^8.5.…...
Fabric V2.5 通用溯源系统——增加图片上传与下载功能
fabric-trace项目在发布一年后，部署量已突破1000次，为支持更多场景，现新增支持图片信息上链，本文对图片上传、下载功能代码进行梳理，包含智能合约、后端、前端部分。 一、智能合约修改 为了增加图片信息上链溯源，需要对底层数据结构进行修改，在此对智能合约中的农产品数…...
基于TurtleBot3在Gazebo地图实现机器人远程控制
1. TurtleBot3环境配置 # 下载TurtleBot3核心包 mkdir -p ~/catkin_ws/src cd ~/catkin_ws/src git clone -b noetic-devel https://github.com/ROBOTIS-GIT/turtlebot3.git git clone -b noetic https://github.com/ROBOTIS-GIT/turtlebot3_msgs.git git clone -b noetic-dev…...
NPOI Excel用OLE对象的形式插入文件附件以及插入图片
static void Main(string[] args) {XlsWithObjData();Console.WriteLine("输出完成"); }static void XlsWithObjData() {// 创建工作簿和单元格,只有HSSFWorkbook,XSSFWorkbook不可以HSSFWorkbook workbook new HSSFWorkbook();HSSFSheet sheet (HSSFSheet)workboo…...
Docker拉取MySQL后数据库连接失败的解决方案
在使用Docker部署MySQL时，拉取并启动容器后，有时可能会遇到数据库连接失败的问题。这种问题可能由多种原因导致，包括配置错误、网络设置问题、权限问题等。本文将分析可能的原因，并提供解决方案。 一、确认MySQL容器的运行状态 …...
Unity中的transform.up
2025年6月8日，周日下午 在Unity中，transform.up是Transform组件的一个属性，表示游戏对象在世界空间中的“上”方向（Y轴正方向），且会随对象旋转动态变化。以下是关键点解析： 基本定义 transfor…...
Linux安全加固：从攻防视角构建系统免疫
Linux安全加固：从攻防视角构建系统免疫 构建坚不可摧的数字堡垒 引言：攻防对抗的新纪元 在日益复杂的网络威胁环境中，Linux系统安全已从被动防御转向主动免疫。2023年全球网络安全报告显示，高级持续性威胁（APT）攻击同比增长65%，平均入侵停留时间缩短至48小时。本章将从…...