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

CSS

news 文章来源：https://blog.csdn.net/YMHH12/article/details/136816795 2025/2/3 13:07:09

什么是CSS？

CSS是一门语言，用于控制网页表现

CSS（Cascading Style Sheet）：层叠样式表

W3C标准：网页主要由三部分组成

  • 结构：HTML
  • 表现：CSS
  • 行为：JavaScript

CSS导入方式 

CSS导入HTML有三种方式：

        1.内联样式：在标签内部使用style属性，属性值是css属性键值对 

 2.内部样式：定义<style>标签，在标签内定义css样式

3.外部样式：定义link标签，引入外部的css的文件 

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>span{color:red;}</style><link href="../css/demo.css" rel="stylesheet">
</head>
<body><div style="color:deeppink">Hello CSS</div><span>Hello CSS</span><p>Hello CSS</p></body>
</html>

 CSS选择器

概念：选择器是选取设置样式的元素（标签）

 

分类： 

1.元素选择器

 2.id选择器

3.类选择器

相关文章：

CSS

什么是CSS&#xff1f; CSS是一门语言&#xff0c;用于控制网页表现 CSS&#xff08;Cascading Style Sheet&#xff09;&#xff1a;层叠样式表 W3C标准&#xff1a;网页主要由三部分组成 结构&#xff1a;HTML表现&#xff1a;CSS行为&#xff1a;JavaScript CSS导入方式…...

编程日记 2024/3/18 20:02:55

算法详解——选择排序和冒泡排序

一、选择排序 选择排序算法的执行过程是这样的&#xff1a;首先&#xff0c;算法遍历整个列表以确定最小的元素&#xff0c;接着&#xff0c;这个最小的元素被置换到列表的开头&#xff0c;确保它被放置在其应有的有序位置上。接下来&#xff0c;从列表的第二个元素开始&#x…...

编程日记 2024/3/18 19:56:50

图论（蓝桥杯 C++ 题目 代码 注解）

目录 迪杰斯特拉模板&#xff08;用来求一个点出发到其它点的最短距离&#xff09;&#xff1a; 克鲁斯卡尔模板&#xff08;用来求最小生成树&#xff09;&#xff1a; 题目一&#xff08;蓝桥王国&#xff09;&#xff1a; 题目二&#xff08;随机数据下的最短路径&#…...

编程日记 2024/3/18 19:53:46

矩阵起源新一年喜报连连！

新春伊始 矩阵起源向大家分享 一连串好消息 首先&#xff0c;公司创始人兼CEO王龙先生获评“2023深圳创新突出贡献人物“。这一荣誉是对其在推动数据库行业技术创新和产品开发方面所做出的卓越贡献的认可。他的领导力和创新精神不仅引领我司取得了显著的成就&#xff0c;也为…...

编程日记 2024/3/18 19:47:40

牛客——紫魔法师（并查集）

链接&#xff1a;登录—专业IT笔试面试备考平台_牛客网 来源&#xff1a;牛客网 题目描述 “サーヴァント、キャスター、Medea。”--紫魔法师 给出一棵仙人掌(每条边最多被包含于一个环&#xff0c;无自环&#xff0c;无重边&#xff0c;保证连通)&#xff0c;要求用最少的…...

编程日记 2024/3/18 19:45:37

最新WooCommerce教程指南-如何搭建B2C外贸独立站

WooCommerce是全球最受欢迎的开源电子商务平台之一。它基于WordPress建站&#xff0c;只需一键安装即可使用。该平台提供了丰富的功能&#xff0c;包括产品发布、库存管理、支付网关和运输发货等&#xff0c;可以帮助搭建各种类型的电子商务网站。相比其他竞争对手&#xff0c;…...

编程日记 2024/3/18 19:44:36

一文教会你SpringBoot是如何启动的

SpringBoot启动流程分析 流程图 源码剖析 运行Application.run()方法 我们在创建好一个 SpringBoot 程序之后&#xff0c;肯定会包含一个类&#xff1a;xxxApplication&#xff0c;我们也是通过这个类来启动我们的程序的&#xff08;梦开始的地方&#xff09;&#xff0c;而…...

编程日记 2024/3/18 19:42:34

车载测试面试：各大车企面试题汇总

本博主可协助大家成功进军车载测试行业 TBOX 深圳 涉及过T-BOX测试吗Ota升级涉及的台架环境是什么样的&#xff1f;上车实测之前有没有一个仿真环境台架环境都什么零部件T-BOX了解多少Linux和shell有接触吗 单片机uds诊断是在实车上座的吗 uds在实车上插的那口 诊断仪器是哪…...

编程日记 2024/3/18 19:40:32

Qt散文一

Qt的事件分为普通事件和系统事件&#xff0c;普通事件比如用户按下键盘&#xff0c;系统事件比如定时器事件。事件循环的开始是从main函数的QApplication&#xff0c;然后调用exec()开始的&#xff0c;在执行exec()函数之后&#xff0c;程序将进入事件循环来监听应用程序的事件…...

编程日记 2024/3/18 19:39:31

MySQL学习Day32——数据库备份与恢复

在任何数据库环境中&#xff0c;总会有不确定的意外情况发生&#xff0c;比如例外的停电、计算机系统中的各种软硬件故障、人为破坏、管理员误操作等是不可避免的&#xff0c;这些情况可能会导致数据的丢失、 服务器瘫痪等严重的后果。存在多个服务器时&#xff0c;会出现主从服…...

编程日记 2024/3/18 19:38:29

阅读基础知识

一 网络 1. 三次握手四次挥手 三次握手&#xff1a;为了建立长链接进行交互即建立一个会话&#xff0c;使用 http/https 协议 ① 客户端产生初始化序列号 Seqx &#xff0c;向服务端发送建立连接的请求报文&#xff0c;将 SYN1 同步序列号&#xff1b; ② 服务端接收建立连接…...

编程日记 2024/3/18 19:36:28

【NestJS 编程艺术】1. NestJS设计模式深度解析：构建高效、可维护的服务端应用

在当今快速发展的软件开发领域&#xff0c;Node.js凭借其轻量级和高性能的特点&#xff0c;已经成为了构建服务端应用的首选技术之一。然而&#xff0c;随着应用规模的扩大&#xff0c;传统的Node.js框架如Express和Koa可能在架构设计和代码组织上显得力不从心。这时&#xff0…...

编程日记 2024/3/18 19:35:26

QT中connect()的参数5：Qt::DirectConnection、Qt::QueuedConnection区别

原文链接&#xff1a;https://blog.csdn.net/Dasis/article/details/120916993 connect用于连接QT的信号和槽&#xff0c;在qt编程过程中不可或缺。它其实有第5个参数&#xff0c;只是一般使用默认值&#xff0c;在满足某些特殊需求的时候可能需要手动设置。 Qt::AutoConnect…...

编程日记 2024/3/18 19:34:24

VXLAN学习笔记

声明&#xff1a;该博客内容大部分参考参考链接整理 什么是VXLAN&#xff1f; VXLAN(Virtual Extensible LAN)即虚拟扩展局域网&#xff0c;是大二层网络中广泛使用的网络虚拟化技术。在源网络设备与目的网络设备之间建立一条逻辑VXLAN隧道&#xff0c;采用MAC in UDP的封装方…...

编程日记 2024/3/18 19:33:23

全排列的不同写法(茴字的不同写法)及对应的时间开销

资源课件&#xff1a; CS106B-recursion-pptstanford library-timer.hstanford library-set.h 不同的方法 1------ Set<string> permutations1Rec(string remaining) {Set<string> res;if(remaining.size() 0) {res "";}else {for(int i 0; i <…...

编程日记 2024/3/18 19:32:22

权衡后台数据库设计中是否使用外键

目录 引言 外键简介 对比 真实后台项目中的权衡 结论 引言 在大学学习数据库课程时&#xff0c;我们会早早的接触到外键这一概念&#xff0c;同时我相信大部分人在懂了外键的概念后都会觉得外键很重要&#xff0c;在涉及多表一定要用&#xff0c;但后来在我接触到真实项目…...

编程日记 2024/3/18 19:31:19

ChatGPT提示词方法的原理

关于提示词&#xff0c;我之前的一些文章可以参考&#xff1a; 【AIGC】AI作图最全提示词prompt集合&#xff08;收藏级&#xff09;https://giszz.blog.csdn.net/article/details/134815245?ydrefereraHR0cHM6Ly9tcC5jc2RuLm5ldC9tcF9ibG9nL21hbmFnZS9hcnRpY2xlP3NwbT0xMDExL…...

编程日记 2024/3/18 19:30:18

计算机网络 谢希仁(001-1)

计算机网络-方老师 总时长 24:45:00 共50个视频&#xff0c;6个模块 此文章包含1.1到1.4的内容 简介 1.1计算机网络的作用 三网融合&#xff08;三网合一&#xff09; 模拟信号就是连续信号 数字信号是离散信号 1.2互联网概述 以前2兆带宽就要98 现在几百兆带宽也就几百块 …...

编程日记 2024/3/18 19:28:16

Windows,MacOS,Linux下载python并配置环境图文讲解

Windows 打开python官网 点击download 点击黄色按钮 另存为 打开文件 全选 配置安装路径 安装中 关闭路径长度限制 完成 验证 同时按住winr(win就是空格键左边的东西) 输入cmd 键入python,如果出现版本(红框)即安装成功 MacOS 同理打开python官网 点击最新版本 拖…...

编程日记 2024/3/18 19:27:15

汽车网络基础知识 要点

在以太网开发中&#xff0c;常常会听到一些专业名词&#xff0c;例如PHY&#xff0c;MAC&#xff0c;MII&#xff0c;switch&#xff0c;下面是解释 PHY PHY 是物理接口收发器&#xff0c;它实现物理层。包括 MII/GMII (介质独立接口) 子层、PCS (物理编码子层) 、PMA (物理介…...

编程日记 2024/3/18 19:25:13

ClickHouse中的设置的分类

ClickHouse中的各种设置 ClickHouse中的设置有几百个&#xff0c;下面对这些设置做了一个简单的分类。...

编程日记 2024/3/18 19:24:11

香港空间服务器带宽和流量限制：原因和解决方法

​　　香港空间服务器&#xff0c;也被称作香港虚拟服务器。一般情况下&#xff0c;香港空间服务器所提供的流量或者带宽&#xff0c;是足以满足99%的普通中小网站用户使用的&#xff0c;但也不排除&#xff0c;网站访问量大&#xff0c;租香港空间不能够满足要求的情况。 在本…...

编程日记 2024/3/18 19:23:10

echarts实践总结(常用一)：柱状图（特点：渐变色、点击缩放、左右滑动、悬浮展示样式）

目录 第一章 echarts基本使用 第二章 echarts实践——柱状图 效果展示 第一章 echarts基本使用 Echarts常用配置项(详细入门)_echarts配置项手册-CSDN博客 第二章 echarts实践——柱状图 最近接到这么一个需求&#xff0c;需要画页面&#xff0c;然后有这么几个echarts的图需…...

编程日记 2024/3/18 19:21:08

CVE-2020-6418：Incorrect side effect modelling for JSCreate

文章目录 环境搭建漏洞分析漏洞利用漏洞触发链RCE 总结参考 环境搭建 sudo apt install python git reset --hard cecaa443ec29784ee26e31e678a333a3c1e71136 gclient sync -D// 手动引入漏洞&#xff0c;参考下面的 patch&#xff0c;把相关修改注释掉即可// debug version t…...

编程日记 2024/3/18 19:19:06

STM32信息安全 1.2 课程架构介绍：芯片生命周期管理与安全调试

STM32信息安全 1.2 课程架构介绍&#xff1a;STM32H5 芯片生命周期管理与安全调试 下面开始学习课程的第二节&#xff0c;简单介绍下STM32H5芯片的生命周期和安全调试&#xff0c;具体课程大家可以观看STM32官方录制的课程&#xff0c;链接&#xff1a;1.2. 课程架构介绍&…...

编程日记 2024/3/18 19:14:01

springboot278基于JavaWeb的鲜牛奶订购系统的设计与实现

鲜牛奶订购系统的设计与实现 摘 要 如今社会上各行各业&#xff0c;都喜欢用自己行业的专属软件工作&#xff0c;互联网发展到这个时候&#xff0c;人们已经发现离不开了互联网。新技术的产生&#xff0c;往往能解决一些老技术的弊端问题。因为传统鲜牛奶订购信息管理难度大&…...

编程日记 2024/3/18 19:12:59

SSH介绍及检测规则思路分析

一、SSH 1、定义 SSH是安全的加密协议&#xff0c;用于远程连接linux服务器。 2、ssh服务的主要功能&#xff1a; 1&#xff09;提供远程链接服务器的功能&#xff1b; 2&#xff09;对远程链接传输的数据进行加密 3、ssh与telnet的区别&#xff1a; 服务链接方式 服务数据…...

编程日记 2024/3/18 19:11:58

React核心⼊⻔-lesson1

自学React从入门到精通，从使用到写源码 React⼊⻔ 课堂⽬标资源起步 ⽂件结构⽂件结构⼀览React和ReactDomJSX 使⽤JSX组件 组件的两种形式 class组件function组件组件状态管理 类组件中的状态管理函数组件中的状态管理事件处理组件通信 Props属性传递contextredux⽣命周期 变…...

编程日记 2024/3/18 19:09:56

数据结构(三)——栈

三、栈、队列和数组 3.1 栈 3.1.1 栈的基本概念 线性表是具有相同数据类型的n&#xff08;n≥0&#xff09;个数据元素的有限 序列&#xff0c;其中n为表长&#xff0c;当n 0时线 性表是一个空表。若用L命名线性表&#xff0c;则其一般表示为 L (a1, a2, … , ai , ai1, ……...

编程日记 2024/3/18 19:03:47

【Redis知识点总结】（五）——Redis实现分布式锁

Redis知识点总结&#xff08;五&#xff09;——Redis实现分布式锁 setnxsetnx expiresetnx expire lua脚本set nx exset nx ex 随机值set nx ex 随机值 lua脚本set ex nx 随机值 lua脚本 锁续期RedissonRedLock 在Redis的众多应用场景中&#xff0c;分布式锁是Redis比…...

编程日记 2024/3/18 19:02:46

资源软件下载网站免费/百度应用商店下载安装

/* 需求&#xff1a;模拟java.util.Collection一些简单的用法&#xff01;注意&#xff1a;java虚拟机中并没有泛型类型的对象。泛型是通过编译器执行一个被称为类型擦除的前段转换来实现的。 1&#xff09;用泛型的原生类型替代泛型。 原生类型是泛型中去掉尖括号及其中的类型…...

编程日记 2025/2/3 12:09:39

哈尔滨营销网站建设/南城网站优化公司

今天我在学习《Python编程&#xff1a;从入门到实践》的时候&#xff0c;发一下一个问题&#xff0c;特此在此记录一下&#xff01; Geany是一款简单的文本编辑器&#xff1a;它易于安装&#xff1b;让你能够直接运行几乎所有的程序&#xff08;而无需通过终端来运行&#xff…...

编程日记 2025/2/3 6:53:17

建设银行网站可以查询存折吗/东莞做网站推广的公司

开始一个新的React项目不是那么简单。 您不必花时间配置正确的构建工具来设置本地开发环境&#xff0c;单元测试和生产构建&#xff0c;而不必立即投入代码并使应用程序栩栩如生。 但是在某些项目中&#xff0c;您需要做的只是一个简单的设置&#xff0c;以使事情快速且省力地运…...

编程日记 2025/2/3 6:14:20

王爷站住重生嫡女要强嫁免费阅读/什么是seo站内优化

数据块0bootblock blockgroup0 blockgroup1 ……blockgroup: superblock GDT blockbit inodebit inodetable datablockblocksize&#xff1a;1k、2k、4kext3&#xff1a;journal fs。磁盘分区增加一个区域---日志区&#xff0c;在日志区创建inode&#xff0c;在数据区存…...

编程日记 2025/2/3 4:06:34

有什么好字体可以导入wordpress/网页搜索快捷键是什么

我在这个社会上终于今天知道我大学学的网络技术的用处了...我上个月花个疯...死活就我老妈给我把电脑寄来...我老妈说我.想什么就是什么.... 我的回答:"您老就我一个好儿子,还不想什么就是什么..."电脑寄来后的第二天就上上网了...一个月70元大洋3M的ADSL...应该是一…...

编程日记 2025/2/3 1:18:57

建设网站视频百度云盘/推广赚钱软件

CASE可能是 SQL 中被误用最多的关键字之一。虽然你可能以前用过这个关键字来创建字段&#xff0c;但是它还具有更多用法。例如&#xff0c;你可以在 WHERE子句中使用 CASE。 首先让我们看一下 CASE的语法。在一般的 SELECT中&#xff0c;其语法如下&#xff1a; SELECT <myC…...

编程日记 2025/2/3 1:00:19