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

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

news 文章来源：https://blog.csdn.net/weixin_73074505/article/details/140309906 2024/11/5 2:05:56

首先一个小技巧：

一定要学会的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

链接服务器“XX”的OLEDB访问接口“MSOLEDBSQL”返回了消息“登录超时已过期” 解决方法

目录 1. 问题所示2. 原理分析3. 解决方法1. 问题所示 出现如下问题： 与链接服务器的测试连接失败。执行Transact-SQL 语句或批处理时发生了异常。命名管道提供程序：无法打开与SQL SERVER的链接[53]链接服务器“XX”的OLEDB访问接口“MSOLEDBSQL”返回了消息“登录超时已过期…...

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

【AI伦理与社会责任】讨论人工智能在隐私保护、偏见消除、自动化对就业的影响等伦理和社会问题。

人工智能&#xff08;AI&#xff09;作为第四次产业革命的核心技术&#xff0c;在推动社会进步和经济发展的同时&#xff0c;也引发了一系列伦理和社会问题。以下从隐私保护、偏见消除以及自动化对就业的影响三个方面进行详细讨论。 一、隐私保护 人工智能技术的广泛应用涉及…...

编程日记 2024/7/11 9:18:53

Qt编程技巧小知识点（1）TCP缓存区数据读取

文章目录 Qt编程技巧小知识点&#xff08;1&#xff09;TCP缓存区数据读取小结 Qt编程技巧小知识点&#xff08;1&#xff09;TCP缓存区数据读取 TCP的socket对内存进行读取&#xff08;使用socket->readall()&#xff09;的时候输出的内容有时会进行局部倒置&#xff0c;其…...

编程日记 2024/7/11 9:13:48

vue 搭建 pinia

文章目录 环境设置存储读取数据【 storeToRefs】借助storeToRefs将store中的数据转为ref对象&#xff0c;方便在模板中使用【getters】当state中的数据&#xff0c;需要经过处理后再使用时&#xff0c;可以使用getters配置【$subscribe】通过 store 的 $subscribe() 方法侦听 s…...

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

什么是CLR

CLR&#xff0c;全称为Common Language Runtime&#xff0c;即公共语言运行时&#xff0c;是微软为.NET产品构建的运行环境&#xff0c;与Java的JVM&#xff08;Java虚拟机&#xff09;类似&#xff0c;可以看作是.NET的虚拟机。CLR的主要作用和特点如下&#xff1a; 主要作用…...

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

Spring MVC -01

Spring 的 MVC 框架 Spring的MVC框架是Spring框架的一部分&#xff0c;它提供了用于开发Web应用程序的一组组件和设计模式。MVC是Model-View-Controller的缩写&#xff0c;是一种设计模式&#xff0c;用于将应用程序的逻辑与用户界面分离。 在Spring的MVC框架中&#xff0c;Mo…...

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

山海鲸可视化——天地图画面和热力图

山海鲸引入天地图目前只有 iframe 的方式引入 首先我们创建一个文件夹 ——index.html ——index.js ——data.js 大家都是大佬&#xff0c;我就不详细介绍了&#xff0c;上代码都能看得懂 首先是index.html <!DOCTYPE html> <html lang"zh-CN"> <…...

编程日记 2024/7/11 9:05:40

Python 利用pandas处理CSV文件（DataFrame的基础用法）

前面介绍过通过Python标准库中的CSV模块处理CSV文件&#xff1a; Python 利用CSV模块处理数据 相比CSV模块&#xff0c;pandas的功能更加强大&#xff0c;本文将简单介绍如何通过pandas来处理CSV文件。 文章目录 一、pandas简介二、用法示例2.1 读取CSV文件2.1.1 read_csv参数…...

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

c++ 的（引用）和*（指针）

在C中&#xff0c;&&#xff08;引用&#xff09;和*&#xff08;指针&#xff09;在函数参数中的使用有各自的特点和用途。下面是它们的具体使用方式以及它们之间的一些区别&#xff1a; 引用&#xff08;&&#xff09; 使用方式: 引用作为函数参数时&#xff0c;可…...

编程日记 2024/7/11 9:01:36

人工智能算法工程师(中级)课程6-sklearn机器学习之聚类问题与代码详解

大家好&#xff0c;我是微学AI&#xff0c;今天给大家介绍一下人工智能算法工程师(中级)课程6-sklearn机器学习之聚类问题与代码详解。在机器学习领域&#xff0c;聚类是一种无监督学习方法&#xff0c;旨在将相似的数据点划分为同一类别。sklearn是一个广泛应用于机器学习的Py…...

编程日记 2024/7/11 8:59:33

单页型网站/百度一下百度搜索入口

文档介绍&#xff1a;中央广播电视大学2002—2003学年度第一学期“开放专科”期末考试计算机专业微机接口技术试题中央广播电视大学2002—2003学年度第一学期“开放专科”期末考试计算机(控)专业微机接口技术试题2003年1月一、单项选择题(本题共20分,每小题2分)1.查询输入方式的…...

编程日记 2024/11/5 0:37:12

怎样制作微信网站链接/推广普通话的宣传内容

本文来总结一下mybatis中的多对多映射&#xff0c;从第8节的文章中可以看出&#xff0c;用户表和商品表示多对多关系&#xff0c;它们两的多对多是通过订单项和订单明细这两张表所关联起来的&#xff0c;那么这一节主要来总结一下用户表和商品表之间的多对多映射。 首先在上一…...

编程日记 2024/11/4 23:59:08

网站建设技术支持牛商网/上海seo网站推广公司

注意&#xff1a;我主要使用ARM机器,因此其中一些可能是ARM特定的.另外,我将尽可能地尝试简化它.随意纠正任何可能错误或过于简单的事情.Lets say the thread makes a system call. I am a bit unclear on the workings after this. The Interrupt will generate a call. One o…...

编程日记 2024/11/4 19:39:13

企业网站建设实训报告/seo百科大全

全国网络统考《计算机应用基础》完整题库[内部]汇总981(A) 在Word 2003中&#xff0c;将文档中的某一个词组全部替换为新词组&#xff0c;应______。A 选择“编辑”下拉菜单中的“替换”命令B 选择“编辑”下拉菜单中的“全选”命令C 选择“工具”下拉菜单中的“修订”命令D 选…...

编程日记 2024/11/4 17:42:31

素材解析网站搭建/网络营销策划目的

私信“干货”二字&#xff0c;即可领取138G伺服与机器人专属及电控资料&#xff01;编码器是一种测量角度(或直线长度)的传感器&#xff0c;它将需要测量的角度(或直线长度)预先在传感器内部编码&#xff0c;并以数字编码的方式向外发送传感器测量的数据。其中&#xff0c;格雷…...

编程日记 2024/11/4 14:44:46

b2c网上商城/关键词排名优化易下拉排名

来源&#xff1a;华为云原文地址&#xff1a;https://www.toutiao.com/a6793181470287462916/2020年2月13日&#xff0c;华为云安全团队监测到应用广泛的Apache Dubbo出现一个较为严重的漏洞&#xff1a;反序列化漏洞&#xff08;漏洞编号&#xff1a;CVE-2019-17564&#xff0…...

编程日记 2024/11/4 13:56:13