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

一文清晰了解CSS——简单实例

news 2026/3/26 9:29:10

首先一个小技巧：

一定要学会的vsCode格式化整理代码的快捷键，再也不用手动调格式了-腾讯云开发者社区-腾讯云 (tencent.com)

CSS选择器用于选择要应用样式的HTML元素。常见的选择器包括：

  1. 类选择器：以.开头，用于选择具有指定class属性的元素。例如，.classname会选择所有class属性为classname的元素。
  2. ID选择器：以#开头，用于选择具有指定ID的元素。由于ID具有唯一性，所以ID选择器通常只选择一个元素。例如，#idname会选择ID为idname的元素。
  3. 标签选择器：直接使用HTML标签名作为选择器，用于选择所有该类型的元素。例如，p会选择所有的<p>元素。
  4. 后代选择器：通过空格分隔两个或多个选择器，用于选择作为后一个选择器元素祖先的元素。例如，div p会选择所有<div>元素内的<p>元素。
  5. 子选择器：通过>分隔两个选择器，用于选择作为后一个选择器元素直接子元素的元素。例如，div > p会选择所有直接位于<div>元素内部的<p>元素。

优先级中，id>类>标签，div通常与类、id同时使用

 实例

        超链接：

<span class="a" id="a"> <ahref="https://blog.csdn.net/weixin_73074505/article/details/140287986?spm=1001.2014.3001.5501"target="_blank">参考消息</span></a>

        段落格式：

         页面布局： 

     

完整代码如下： 

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><!-- 设置浏览器兼容性 --><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>印国产武器研制缘何“持续失败”：官僚机构擅长为利益牺牲军队需求</title><!-- 方式一：当前行样式<h1 style="color: rgb(255,0,0);">印国产武器研制缘何“持续失败”：官僚机构擅长为利益牺牲军队需求</h1>  --><!-- 方式二：内嵌样式 --><style>h1 {color: #f00;}span {color: #D6C4B0;}.a {color: black;}#a {color: #f00;}a {color: black;text-decoration: none;}p {line-height: 20px;text-indent: 35px;font-size: large;}#b {text-align: right;}#center{width: 60%;margin: 0 auto;     /*上右下左*/}</style><!-- 方式三：link --><!-- <link rel="stylesheet" href="1.css">  -->
</head><body><div id="center"><img src="https://i2.sinaimg.cn/dy/deco/2012/0613/yocc20120613img01/news_logo.png" width="200px"> 新浪军事 > 综合>正文<h1>印国产武器研制缘何“持续失败”：官僚机构擅长为利益牺牲军队需求</h1><hr><span>2024年07月08日 16:58</span> <span class="a" id="a"> <ahref="https://blog.csdn.net/weixin_73074505/article/details/140287986?spm=1001.2014.3001.5501"target="_blank">参考消息</span></a><hr><video src="v.f100830.mp4" controls></video><!-- <video src=""></video> --><br><p><strong>美国五角大楼</strong>5日发布声明称，&nbsp;&nbsp;&nbsp;&nbsp;将“无限期推迟”原定于7月25日至8月6日在格鲁吉亚举行的代号为“高贵伙伴”的年度联合军演，并称“现在不是在格鲁吉亚举行大规模军事演习的合适时机”。</p><p><b>五角大楼</b>的声明还提到，格鲁吉亚执政党“格鲁吉亚梦想—民主格鲁吉亚”党领导人指责美国及其西方盟友在向格鲁吉亚施压，要求该国在俄乌冲突期间“开辟对抗俄罗斯的第二条战线”，该党领导人还指责美国参与了在该国发生的两次“未遂政变”。</p><p id="b">okok</p></div>
</body></html>

to be continue！！！

相关文章：

一文清晰了解CSS——简单实例

首先一个小技巧&#xff1a; 一定要学会的vsCode格式化整理代码的快捷键&#xff0c;再也不用手动调格式了-腾讯云开发者社区-腾讯云 (tencent.com) CSS选择器用于选择要应用样式的HTML元素。常见的选择器包括&#xff1a; 类选择器&#xff1a;以.开头&#xff0c;用于选择具…...

编程日记 2024/7/11 10:09:06

工程师 - 什么是XML文件

XML&#xff08;eXtensible Markup Language&#xff0c;扩展标记语言&#xff09;文件是一种使用自定义标签来定义对象及其内部数据的纯文本文件。XML设计的目的是既易于人类阅读又易于机器解析&#xff0c;因此它在不同系统和应用之间传输和存储数据时非常有用。 XML的主要特…...

编程日记 2024/7/11 10:07:03

[AI 大模型] 阿里巴巴 通义千问

文章目录 [AI 大模型] 阿里巴巴 通义千问简介模型架构发展新技术和优势示例 [AI 大模型] 阿里巴巴 通义千问 简介 阿里巴巴的 通义千问 是由阿里云开发的一款大型语言模型&#xff0c;旨在为用户提供高效、智能的自然语言处理服务。 通义千问能够处理多种语言输入&#xff0c…...

编程日记 2024/7/11 10:05:00

关于无法定位程序输入点 SetDefaultDllDirectories于动态链接库KERNEL32.dll 上 解决方法

文章目录 1. ERNEL32.dll 下载2. 解决方法 &#x1f44d; 个人网站:【 洛秋小站】 1. ERNEL32.dll 下载 Windows 7 在安装postman时报错缺少动态链接库,提示缺少.NET Framework,这是因为本地缺少相应的dll文件导致的&#xff0c;这时就需要下载ERNEL32.dll文件&#xff0c;在解…...

编程日记 2024/7/11 10:01:56

轻松创建对象——简单工厂模式（Java实现）

1. 引言 大家好&#xff0c;又见面了&#xff01;在上一篇文章中&#xff0c;我们通过Python示例介绍了简单工厂模式&#xff0c;今天&#xff0c;我们继续深入这个话题&#xff0c;用Java来实现简单工厂模式。 2. 什么是简单工厂模式 简单工厂模式&#xff08;Simple Facto…...

编程日记 2024/7/11 10:00:55

Docker Dockerfile：构建与优化

Docker Dockerfile&#xff1a;构建与优化 简介 Docker 是一种广泛使用的容器化技术&#xff0c;它允许开发人员将应用程序及其依赖环境打包到一个可移植的容器中。Dockerfile 是 Docker 中用于自动化容器镜像构建的脚本文件。本文将详细介绍 Dockerfile 的基本结构、指令使用…...

编程日记 2024/7/11 9:57:51

开源项目有哪些机遇与挑战？

随着全球经济和科技环境的快速变化&#xff0c;开源软件项目的蓬勃发展成为了开发者社区的热门话题。越来越多的开发者和企业选择参与开源项目&#xff0c;以推动技术创新和实现协作共赢。本文将从开源项目的发展趋势、参与开源的经验分享以及开源项目的挑战三个方面进行探讨。…...

编程日记 2024/7/11 9:55:49

利用【Python】【线性规划】优化工厂生产：实现智能资源配置与利润最大化的现代解决方案

目录 1. 问题背景和描述 1.1 问题背景 1.2 问题描述 2. 数学模型的建立 2.1决策变量 2.2 目标函数 2.3 约束条件 2.4 数学模型总结 3. 使用Python解决线性规划问题 3.1 导入必要的库 3.2 定义目标函数系数 3.3 定义不等式约束矩阵和向量 3.4 定义变量的边界 非负…...

编程日记 2024/7/11 9:54:47

【spark】Exception in thread “main“ ExitCodeException exitCode=-1073741701

在window上运行spark程序写到本地文件的时候报错。 val rdd sc.sparkContext.parallelize(list)val arr rdd.collect()arr.foreach(println)rdd.saveAsTextFile("test1")sc.close()错误信息: zhangsan lisi wangwu Exception in thread "main" ExitCode…...

编程日记 2024/7/11 9:52:44

数学建模美赛经验小结

图片资料来自网络所听讲座&#xff0c;感谢分享&#xff01;...

编程日记 2024/7/11 9:47:38

206. 反转链表 (Swift 版本)

题目 给你单链表的头节点 head &#xff0c;请你反转链表&#xff0c;并返回反转后的链表。 解题 /*** Definition for singly-linked list.* public class ListNode {* public var val: Int* public var next: ListNode?* public init() { self.val 0; self.…...

编程日记 2024/7/11 9:46:31

海狐外卖O2O商城系统：技术架构与运营模式的深度解析

摘要&#xff1a; 本文深入探讨了海狐外卖O2O商城系统的技术架构、功能特性以及运营模式。海狐外卖作为一款专注于细分市场领域的外卖餐饮解决方案&#xff0c;不仅拥有先进的技术栈支持&#xff0c;还通过丰富的系统插件和灵活的运营模式&#xff0c;为商户和用户提供高效、便…...

编程日记 2024/7/11 9:45:30

14-31 剑和诗人5 - 使用 AirLLM 和分层推理在单个 4GB GPU 上运行 LLama 3 70B

利用分层推理实现大模型语言(LLM) 大型语言模型 (LLM) 领域最近取得了显著进展&#xff0c;LLaMa 3 70B 等模型突破了之前认为可能实现的极限。然而&#xff0c;这些模型的庞大规模给其部署和实际使用带来了巨大挑战&#xff0c;尤其是在资源受限的设备上&#xff0c;例如内存…...

编程日记 2024/7/11 9:39:19

风景园林工程设计乙级资质业绩要求案例分析

项目数量与规模 数量要求&#xff1a;企业需要提供一定数量的已完成风景园林设计项目案例&#xff0c;这个数量可能依据具体政策而有所不同&#xff0c;但通常需要完成多个项目以展示设计团队的综合能力。 规模要求&#xff1a;项目规模需达到乙级资质标准所规定的级别&#…...

编程日记 2024/7/11 9:38:17

无人机之飞行规划与管理篇

无人机飞行规划与管理是确保无人机安全、高效且符合法规的运行的关键步骤。这一过程包括了对飞行任务的详细安排、航线的设定以及风险的评估和管理。下面简述这一过程的主要环节&#xff1a; 一、飞行目的和任务确定 在规划之初&#xff0c;必须明确无人机的飞行目的&#xf…...

编程日记 2024/7/11 9:35:11

realsense D435l+mid360标定

目录 一、安装realsense环境 二、获取realsense D450L相机内参 三、标定雷达和相机 1.下载livox_camera_calib 2.修改配置参数 3.使用fastlio生成点云 4.标定 一、安装realsense环境 git clone https://github.com/IntelRealSense/librealsense.git cd librealsense //更…...

编程日记 2024/7/11 9:31:06

深度学习中的正则化技术 - 数据集增强篇

序言 在机器学习与深度学习的广阔领域中&#xff0c;数据集的质量与规模往往是决定模型性能的关键因素之一。然而&#xff0c;现实世界中高质量、标注完善的数据集往往稀缺且获取成本高昂&#xff0c;这成为了制约算法进步的一大瓶颈。为了缓解这一问题&#xff0c;数据集增强…...

编程日记 2024/7/11 9:29:04

【Docker系列】Docker 镜像源：优化你的容器化开发流程

&#x1f49d;&#x1f49d;&#x1f49d;欢迎来到我的博客&#xff0c;很高兴能够在这里和您见面&#xff01;希望您在这里可以感受到一份轻松愉快的氛围&#xff0c;不仅可以获得有趣的内容和知识&#xff0c;也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学…...

编程日记 2024/7/11 9:27:02

【Linux】Windows环境下配置虚拟机静态IP

当前我们虚拟机的Linux操作系统&#xff0c;其IP地址是通过DHCP服务获取的。 DHCP:动态获取IP地址&#xff0c;即每闪重启设备后都会获取一次&#xff0c;可能导致IP地址频繁变更 原因1&#xff1a;办公电脑IP地址变化无所谓&#xff0c;但是我们要远程连接到Linux系统&#x…...

编程日记 2024/7/11 9:25:00

完美解决AttributeError: ‘list‘ object has no attribute ‘shape‘的正确解决方法，亲测有效！！！

完美解决AttributeError: ‘list‘ object has no attribute ‘shape‘的正确解决方法&#xff0c;亲测有效&#xff01;&#xff01;&#xff01; 亲测有效 完美解决AttributeError: ‘list‘ object has no attribute ‘shape‘的正确解决方法&#xff0c;亲测有效&#xff0…...

编程日记 2024/7/11 9:22:58

SurfaceFlinger渲染管线的三种负载状态

//frameworks/native/services/surfaceflinger/Scheduler/VsyncModulator.h enum class VsyncConfigType {Early, EarlyGpu, Late };SurfaceFlinger 内部有一个叫做 VSyncModulator（VSYNC 调制器）的组件，它就像一个自动挡变速箱。它会实时监控当前屏幕上发生的事情，并在 Ea…...

编程新知 2026/3/26 8:50:37

如何用猫抓Cat-Catch浏览器扩展轻松下载网页视频：5个超实用技巧

如何用猫抓Cat-Catch浏览器扩展轻松下载网页视频&#xff1a;5个超实用技巧 【免费下载链接】cat-catch 猫抓 chrome资源嗅探扩展 项目地址: https://gitcode.com/GitHub_Trending/ca/cat-catch 还在为无法下载在线视频而烦恼吗&#xff1f;&#x1f914; 你是否曾经在观…...

编程新知 2026/3/26 8:44:35

企业内网安全集成：通义千问1.5-1.8B-Chat-GPTQ-Int4私有化部署与内网穿透方案

企业内网安全集成&#xff1a;通义千问1.5-1.8B-Chat-GPTQ-Int4私有化部署与内网穿透方案 最近和几个在企业做研发的朋友聊天&#xff0c;他们都在头疼同一个问题&#xff1a;公司内部有不少业务系统想用上大模型的能力&#xff0c;比如自动生成报告、智能客服、代码辅助这些&…...

编程新知 2026/3/26 8:36:33

为什么你的asyncio服务内存永不释放？深入CPython asyncio循环引用链，给出4行补丁级解决方案！

第一章&#xff1a;Shell脚本的基本语法和命令Shell脚本是Linux/Unix系统自动化任务的核心工具&#xff0c;以可执行文本文件形式存在&#xff0c;由Bash等Shell解释器逐行解析执行。其语法简洁但严谨&#xff0c;强调空格、换行与引号的正确使用。脚本结构与执行方式 每个Shel…...

编程新知 2026/3/26 8:08:28

解放你的音乐库：NCMconverter音频格式转换全攻略

解放你的音乐库&#xff1a;NCMconverter音频格式转换全攻略 【免费下载链接】NCMconverter NCMconverter将ncm文件转换为mp3或者flac文件 项目地址: https://gitcode.com/gh_mirrors/nc/NCMconverter 当你下载了喜爱的音乐却发现是无法播放的NCM格式时&#xff0c;当你…...

编程新知 2026/3/26 7:58:27

ollama运行QwQ-32B多场景落地：芯片设计文档理解、RTL代码生成

ollama运行QwQ-32B多场景落地&#xff1a;芯片设计文档理解、RTL代码生成 1. 引言&#xff1a;当AI遇到芯片设计 芯片设计工程师每天都要面对海量的技术文档和复杂的RTL代码编写工作。传统的手工方式不仅效率低下&#xff0c;还容易出错。有没有一种方法能让AI帮助我们理解技…...

编程新知 2026/3/26 7:00:04

SDMatte镜像轻量化：去除冗余依赖、多阶段构建、镜像体积压缩至3.2GB

SDMatte镜像轻量化&#xff1a;去除冗余依赖、多阶段构建、镜像体积压缩至3.2GB 1. 项目背景与挑战 SDMatte是一款面向高质量图像抠图的AI模型&#xff0c;特别擅长处理复杂边缘和半透明物体的抠图任务。在电商、设计、内容创作等领域有着广泛的应用场景。然而&#xff0c;原…...

编程新知 2026/3/26 6:31:43

Qwen3-32B-Chat镜像深度优化：OpenClaw任务执行效率提升30%

Qwen3-32B-Chat镜像深度优化&#xff1a;OpenClaw任务执行效率提升30% 1. 为什么需要深度优化&#xff1f; 去年冬天&#xff0c;当我第一次在本地部署OpenClaw对接Qwen3-32B模型时&#xff0c;遇到了一个尴尬的问题&#xff1a;一个简单的"截图识别鼠标点击"任务链…...

编程新知 2026/3/26 6:23:35

一、ACWing笔记整理

一、基础算法1.快速排序--不稳定算法思路&#xff1a;两个指针从最左最右出发&#xff0c;当指向数<&#xff08;>&#xff09;x时向中间移动&#xff0c;若>&#xff08;<&#xff09;则两指针指向数交换#include <iostream> using namespace std;const int…...

编程新知 2026/3/26 5:05:48

论文初稿不用熬！Paperzz AI 毕业论文写作：让本科生 4 步搞定万字原创文稿

Paperzz-AI官网免费论文查重复率AIGC检测/开题报告/文献综述/论文初稿paperzz - 毕业论文-AIGC论文检测-AI智能降重-ai智能写作https://www.paperzz.cc/dissertation 又到毕业季&#xff0c;“写不出论文” 成了本科生朋友圈的高频吐槽&#xff1a;对着空白文档发呆几天&#x…...

编程新知 2026/3/26 4:49:43