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

HTML---初识CSS

news 2025/12/16 16:10:07

文章目录

前言
一、pandas是什么？
二、使用步骤
- 1.引入库
- 2.读入数据
总结

一.CSS概念

CSS是层叠样式表（Cascading Style Sheets）的缩写。它是一种用于描述HTML文档外观样式的标记语言。通过CSS，开发者可以在不改变HTML标记结构的情况下，改变网页的样式和布局。

CSS优势：

分离样式和内容：CSS将网页的样式和内容分离，使得网页的维护更加方便。通过修改CSS文件，可以对整个网站的样式进行统一的调整，而不需要逐个修改每个网页的样式。
可维护性高：由于样式集中在CSS文件中，可以通过修改一个样式来改变整个网页的样式，便于网站的维护和更新。
可重用性高：CSS样式可以在多个页面之间共享和重用，可以减少代码冗余，提高开发效率。
提高网站性能：CSS样式可以通过合并和压缩来减少文件大小，从而提高网站的加载速度。
设计灵活性强：CSS提供了丰富的样式选择器和属性，可以灵活地设计各种样式效果，实现丰富多样的网页布局和交互效果。
跨平台兼容性好：CSS在各个浏览器和设备上都有广泛的支持，可以兼容不同的浏览器和操作系统，确保网站在不同平台上显示一致。

CSS语法：

CSS中的选择器用于选择HTML文档中的元素，并为这些元素应用样式。选择器可以根据元素的类型、类名、ID等属性来选择元素。

CSS样式：

行内样式：

它通过在HTML标签的style属性中指定CSS代码来实现样式的应用。

<body><h1 style="color: red;">我是中国人</h1>
</body>

内部样式表

CSS内部样式表是一种将样式信息直接嵌入到HTML文档中的方法，可以使用<style>标签通过选择器来选择要应用样式的元素，并通过CSS属性来定义样式。

<head><meta charset="utf-8"><title></title><style type="text/css">h1{color: red;}</style></head><body><h1>我是中国人</h1>
</body>

外部样式表

CSS外部样式表是一种用来定义网页外观和排版的文件。它是一种独立于HTML文档的样式表，可以通过在HTML文件中引用外部样式表来控制整个网站的样式。

首先创建一个CSS

h1{color: red;
}

在html文件中引用创建的CSS文件

二.选择器分类

总结

HTML---初识CSS

文章目录前言一、pandas是什么？二、使用步骤 1.引入库2.读入数据总结一.CSS概念 CSS是层叠样式表（Cascading Style Sheets）的缩写。它是一种用于描述HTML文档外观样式的标记语言。通过CSS，开发者可以在不改变HTML标记结构的情况…...

编程日记 2023/12/15 11:02:50

监控pod 容器外网请求网络带宽，过滤掉内网、基于k8spacket开发、prometheus开发export

首先安装k8spacket 安装k8spacket遇到问题，下载插件一直能不能下载成功，pod不能启动。所有手动下载处理。 helm repo add k8spacket https://k8spacket.github.io/k8spacket-helm-chart helm pull k8spacket/k8spacket打开values.yaml 文件手动下载插…...

编程日记 2023/12/15 11:00:48

windows下docker环境安装

开启硬件虚拟化技术 win10中开启 Hyper-V Win10 下是否开启硬件虚拟化技术，在控制面板，启用 window 功能，找到 Hyper-V 选项，点勾选确认。如图： Windows 11 家庭中文版新增 Hyper-V选项注意以下的解决方案来自win1…...

编程日记 2023/12/15 10:57:46

Python小程序 - 表格数值统计

题设：Excel表格中，计算如下图所示不同颜色（蓝、黄、桔）单元格值：各颜色填涂的单元格值的总和条件： - Excle表格中 - 分色标记，单元格有值 - 开始列（当前为D），…...

编程日记 2023/12/15 10:56:44

Unity | Shader基础知识（第一集：unity中最简单的shader)

目录一、unity的shader 二、创建一个shader（在创建时，选前三种都可以） 三、内容解读 1.shader一直都在 2.我们写shader在写什么四、没有被干预的shader（最简单的shader） 相关阅读编写着色器概述 - Unity 手册…...

编程日记 2023/12/15 10:49:36

橘子学K8S01之容器中所谓的隔离

我们一直都在说容器就是一个沙盒，沙盒技术顾名思义就是像一个集装箱一样，把应用(服务，进程之类的)装起来的技术，这样每个进程在自己的沙盒中和其他的沙盒隔离开来，每个沙盒之间存在一个边界使得他们互不干扰&#xff0…...

编程日记 2023/12/15 10:47:34

一、步骤 1、将文本数据转换为特征向量 ： tf-idf 2、使用这些特征向量训练SVM模型二、代码 from sklearn.model_selection import train_test_split from sklearn.feature_extraction.text import TfidfVectorizer from sklearn.svm import SVC from sklearn.m…...

编程日记 2023/12/15 10:46:33

【Docker】WSL 2 上的 Docker 搭建和入门

▒ 目录 ▒ 🛫 导读开发环境 1️⃣ 安装安装Docker Desktop for Windows 2️⃣ 环境配置3️⃣ hello world第一次运行再次运行分析总结 📖 参考资料 🛫 导读开发环境版本号描述文章日期2023-12-14操作系统Win11 - 22H222621.2715WSL2 C:…...

编程日记 2023/12/15 10:45:33

pytorch环境配置

1.创建环境 conda create --name pytorch python3.11.5 2.激活环境 source activate pytorch 3.添加国内镜像源： conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/free/ conda config --add channels https://mirrors.tuna.tsin…...

编程日记 2023/12/15 10:40:29

电子眼+无人机构建平安城市视频防控监控方案

电子眼（也称为监控摄像机）可以通过安装在城市的不同角落，实时监控城市的各个地方。它们可以用于监测交通违法行为、监控公共场所的安全以及实时监测特定区域的活动情况。通过电子眼的应用，可以帮助警方及时发现并响应各类安全事件…...

编程日记 2023/12/15 10:37:25

mysql binlog_ignore_db参数的效果详解

我们知道 binlog 会记录数据库所有执行的 DDL 和 DML 语句（除了数据查询语句select、show等）。我们可以在mysql配置文件中关闭binlog [mysqld] skip-log-bin注意默认情况下会记录所有库的操作，那么如果我们有另类需求，比如说只让某个库记录 binglog 或排除某个库记录…...

编程日记 2023/12/15 10:35:24

HI3559AV100和FPGA 7K690T的PCIE接口调试记录-续

上文https://blog.csdn.net/fzktongyong/article/details/134963814?spm1001.2014.3001.5501 上一篇文中PCIE实测速度和理论计算有较大偏差，经过尝试后有所提升。 1、提升效果 1）、RC写操作，实测速度817MB/s（410407&…...

编程日记 2023/12/15 10:33:21

vivado约束方法4

时序约束向导定时约束向导确定合成或上缺少的定时约束实现的设计。它分析了网表、时钟网络连接和现有的定时限制，以便根据《超快设计方法指南》提供建议用于FPGA和SoC（UG949）。以下11涵盖了三类约束页面，然后是摘要。包括以下步…...

编程日记 2023/12/15 10:31:20

LeetBook学习-C语言-数组

1.数组的操作 1.1 读取元素知道内存地址可以快速访问，时间复杂度为O(1) 1.2 查找元素从首地址开始，逐个查找，最坏时间复杂度为O(N) 1.3 插入元素插入元素，首先位置要腾空，而后执行插入操作。 1.4 删除元素删除掉某…...

编程日记 2023/12/15 10:29:18

23种策略模式之策略模式

23种策略模式之策略模式文章目录 23种策略模式之策略模式前言优缺点使用场景角色定义UML模拟示例小结前言在软件开发中，设计模式是为了解决常见问题而提供的一套可重用的解决方案。策略模式（Strategy Pattern）是其中一种常见的设计模式&a…...

编程日记 2023/12/15 10:27:16

【笔试强化】Day 2

文章目录一、选择1.2.（写错）3.4.5.6.（不会）7.（不清晰）8. （不会）9.10.（写错） 二、编程1. 排序子序列解法：代码： 2. 倒置字符串解法&am…...

编程日记 2023/12/15 10:26:15

windows禁用系统更新

1.在winr运行框中输入services.msc，打开windows服务窗口。 services.msc 2.在服务窗口中，我们找到Windows update选项，如下图所示： 3.双击windows update服务，我们把启动类型改为禁用，如下图所示&#xff…...

编程日记 2023/12/15 10:22:12

ES6原生音乐播放器（有接口）

视频展示 ES6音乐播放器项目介绍 GutHub地址：GitHub - baozixiangqianchong/ES6_MusicPlayer: 音乐播放器 ES6_MusicPlayer 是基于JavaScriptES6Ajax等通过原生构建的项目。能够充分锻炼JS能力。本项目有主页、详情页、歌单页面三部分组成 ├── assets&…...

编程日记 2023/12/15 10:21:11

Django和ECharts异步请求示例

前提条件创建django项目，安装配置过程这里就不讲述了。后端url http://127.0.0.1:8000/echarts/demo/ view视图函数 from django.http import HttpResponse import jsondef EchartsDemo(request):data {}categories ["衬衫","羊毛衫",&…...

编程日记 2023/12/15 10:19:09

Java序列化、反序列化-为什么要使用序列化？Serializable接口的作用？

什么是序列化和反序列化？ 把对象转换成字节序列把字节序列恢复成对象结合OSI七层协议模型，序列化和反序列化是在那一层做的？ 在OSI七层模型中，序列化工作的层级是表示层。这一层的主要功能包括把应用层的对象转换成一段连续的二进…...

编程日记 2023/12/15 10:18:08

遍历 Map 类型集合的方法汇总

1 方法一先用方法 keySet() 获取集合中的所有键。再通过 gey(key) 方法用对应键获取值 import java.util.HashMap; import java.util.Set;public class Test {public static void main(String[] args) {HashMap hashMap new HashMap();hashMap.put("语文",99);has…...

编程新知 2025/12/14 8:14:29