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

基础篇—如何创建css样式表，并集成到html文件中？

news 2026/2/7 11:46:42

CSS 创建

HTML相当于一个页面的结构，CSS相当于页面的装饰，浏览器当读到一个样式表时，浏览器会根据它来格式化 HTML 文档。

如何插入样式表

插入样式表的方法有三种:

外部样式表(External style sheet)
内部样式表(Internal style sheet)
内联样式(Inline style)

1、外部样式表

当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表。 <link> 标签在（文档的）头部：

<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>

浏览器会从文件 mystyle.css 中读到样式声明，并根据它来格式文档。

外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的 html 标签。样式表应该以 .css 扩展名进行保存。下面是一个样式表文件的例子：

hr {color:sienna;} 
p {margin-left:20px;} 
body {b

基础篇—如何创建css样式表，并集成到html文件中？

CSS 创建 HTML相当于一个页面的结构，CSS相当于页面的装饰，浏览器当读到一个样式表时，浏览器会根据它来格式化 HTML 文档。如何插入样式表插入样式表的方法有三种: 外部样式表(External style sheet)内部样式表(Internal style sheet)内联样式(Inline style)1、外…...

编程日记 2023/2/12 21:29:09

WindowsServer服务器系列：部署FTP文件服务

1、点击“开始”菜单，选择“服务器管理器” 2、在接下来弹出页面中选择“添加角色和功能” 3、接下来点击“下一步” 4、接下来选择“基于角色或基于功能的安装”并点击“下一步” 5、选择“从服务器池中选择服务器”并点击“下一步” 6、接下来选中“Web 服务器(II…...

编程日记 2023/2/12 21:28:00

华为OD机试 - 数字加减游戏（Python）| 真题+思路+代码

数字加减游戏题目小明在玩一个数字加减游戏，只使用加法或者减法，将一个数字 s 变成数字 t。每个回合，小明可以用当前的数字加上或减去一个数字。现在有两种数字可以用来加减，分别为 a,b(a!=b)，其中 b 没有使用次数限制。请问小明最少可以用多少次 a，才能将数字 s …...

编程日记 2023/2/12 21:25:38

【c/c++】c语言的自增操作在不同编译器的差别

示例代码代码如下： #include <stdio.h>#define product(x) ((x)*(x))int main(void) {int i 3, j, k;j product(i); // (i) * (i)k product(i); // (i) * (i)printf("%d %d\n", j, k); }执行结果在Ubuntu18.04下通过GCC编译和执行的结果…...

编程日记 2023/2/12 21:24:29

【LeetCode第 332 场周赛】

传送门文章目录6354. 找出数组的串联值6355. 统计公平数对的数目6356. 子字符串异或查询6357. 最少得分子序列6354. 找出数组的串联值题目思路前后指针代码 class Solution { public:long long findTheArrayConcVal(vector<int>& nums) {long long res 0;i…...

编程日记 2023/2/12 21:23:18

【蓝桥杯单片机】Keil5中怎么添加STC头文件；从烧录软件中添加显示添加成功后新建工程时依旧找不到

蓝桥杯单片机的芯片型号：IAP15F2K61S2 添加头文件：STC15F2K60S2.H 【1】如何通过烧录软件添加STC头文件： 从ATC-ISP的Keil仿真设置中添加（同时自动下载仿真驱动）仔细阅读添加说明 KEIL5添加STC芯片库_Initdev的博客-…...

编程日记 2023/2/12 21:22:09

图解浏览器渲染页面详细过程

渲染详细过程产生渲染任务，开启渲染流程当浏览器的网络线程收到 HTML 文档后，会产生一个渲染任务，并将其传递给渲染主线程的消息队列。在事件循环机制的作用下，渲染主线程取出消息队列中的渲染任务，开启渲染流程。…...

编程日记 2023/2/12 21:20:59

多线程面试题开胃菜1（5道）

一.多线程有什么用？1）发挥多核CPU 的优势随着工业的进步，现在的笔记本、台式机乃至商用的应用服务器至少也都是双核的，4 核、8 核甚至 16 核的也都不少见，如果是单线程的程序，那么在双核 CPU 上就浪费了 50…...

编程日记 2023/2/12 21:19:50

植物育种中广义遗传力的定义

大家好， 我是邓飞。今天聊一下广义遗传力的计算方法。广义遗传力定义广义遗传力（H2H^2H2）定义为归因于基因型总体遗传变异的表型变异比例。通常他包括三个解释：（详见我这篇博客的公式推导回归系数相关系数遗…...

编程日记 2023/2/12 21:18:42

西瓜书读书笔记—绪论

文章目录机器学习典型的机器学习过程基本术语归纳偏好机器学习机器学习：致力于研究如果通过计算的手段，利用经验来改善系统自身的性能在计算机系统中，“经验” 通常以 “数据” 形式存在，因此，机器学习所研究的主要内…...

编程日记 2023/2/12 21:17:32

ES8——Generator函数的使用

babel工具插件下载：npm i --save babel-polyfill 引入：polyfill.js进行转码（es8->es5） 介绍 Generator函数用于生成迭代器 function * (){} yeild: 作用同return类似 {const obj function* () {yield "a";yield 12…...

编程日记 2023/2/12 21:16:22

德馨食品冲刺A股上市：计划募资9亿元，林志勇为实际控制人

近日，浙江德馨食品科技股份有限公司（下称“德馨食品”或“德馨饮料”）预披露更新招股书，准备在上海证券交易所主板上市。据贝多财经了解，德馨食品于2022年7月5日递交上市申请，安信证券为其保荐机构。本次…...

编程日记 2023/2/12 21:13:58

湿敏电阻的原理，结构，分类与应用总结

🏡《总目录》 0，概述湿敏电阻是指电阻值随着环境的湿度变化而变化的电阻，本文对其工作原理，结构，分类和应用场景进行总结。 1，工作原理湿敏电阻是利用湿敏材料制成的，湿敏材料吸收空气中水分时，自身的阻值发生变化。 2，结构如下图所示，市民电阻包括4个部分构成，…...

编程日记 2023/2/12 21:12:46

千锋教育嵌入式物联网教程之系统编程篇学习-03

目录进程的终止 exit函数 _exit函数进程退出清理进程间的替换进程间通信常见通信机制进程间通信的实质信号产生信号的方式信号的默认处理方式进程对信号的处理方式 kill函数进程的终止使用exit函数对进程进行终止，而return只是结束函数&a…...

编程日记 2023/2/12 21:11:35

升级到https

现在很多站长都会考虑将自己的站点从http升级到https，不仅是基于安全的考虑，有的也是因为第三方平台的限制，如谷歌浏览器会将http站点标记为不安全的站点，微信平台要求接入的微信小程序必须使用https等。那如何将一个http站点升…...

编程日记 2023/2/12 21:09:13

【C语言】数据结构-二叉树

主页：114514的代码大冒险 qq:2188956112（欢迎小伙伴呀hi✿(。◕ᴗ◕。)✿ ） Gitee：庄嘉豪 (zhuang-jiahaoxxx) - Gitee.com 引入我们之前已经学过线性数据结构，今天我们将介绍非线性数据结构----树树是一种非线性的…...

编程日记 2023/2/12 21:07:57

c++中std::condition_variable最全用法归纳

前言建议阅读以下文章前需先对建立 std::thread 多线程与std::mutex 锁有一定程度的熟悉 std::thread最全用法归纳 std::mutex最全用法归纳概括使用 std::condition_variable 的 wait 会把目前的线程 thread 停下来并且等候事件通知，而在另一个线程中可以使用…...

编程日记 2023/2/12 21:06:43

Python数据可视化：数据关系图表可视化

目录 1、散点图 1.1、趋势显示的二维散点图 1.2、分布显示的二维散点图 1.3、散点曲线图...

编程日记 2023/2/12 21:05:33

Urho3D约定

Urho3D使用以下约定和原则： 左手坐标系。正X、Y和Z轴指向右侧、上方和前方，正旋转为顺时针。度用于角度。顺时针顶点定义正面。音频音量指定为0.0（静音）到1.0（全音量）路径名使用斜杠而不是反斜杠。调用操作…...

编程日记 2023/2/12 21:04:24

python数据结构-列表，元组

列表列表是Python中最通用的数据类型，可以写成方括号之间的逗号分隔值(项目)列表。使用列表的重要事项是，列表中的项目不必是相同的类型。也就是说一个列表中的项目(元素)可以是数字，字符串，数组，字典等甚至是列表类…...

编程日记 2023/2/12 21:03:10

uniapp 对接腾讯云IM群组成员管理（增删改查）

UniApp 实战：腾讯云IM群组成员管理（增删改查） 一、前言在社交类App开发中，群组成员管理是核心功能之一。本文将基于UniApp框架，结合腾讯云IM SDK，详细讲解如何实现群组成员的增删改查全流程。权限校验…...

编程新知 2026/1/13 9:59:27

家政维修平台实战20：权限设计

目录 1 获取工人信息2 搭建工人入口3 权限判断总结目前我们已经搭建好了基础的用户体系，主要是分成几个表，用户表我们是记录用户的基础信息，包括手机、昵称、头像。而工人和员工各有各的表。那么就有一个问题，不同的角色&#xf…...

编程新知 2026/2/1 22:23:58

srs linux

下载编译运行 git clone https:///ossrs/srs.git ./configure --h265on make 编译完成后即可启动SRS # 启动 ./objs/srs -c conf/srs.conf # 查看日志 tail -n 30 -f ./objs/srs.log 开放端口默认RTMP接收推流端口是1935，SRS管理页面端口是8080，可…...

编程新知 2026/2/6 9:49:55

DeepSeek 技术赋能无人农场协同作业：用 AI 重构农田管理 “神经网”

目录一、引言二、DeepSeek 技术大揭秘2.1 核心架构解析2.2 关键技术剖析三、智能农业无人农场协同作业现状3.1 发展现状概述3.2 协同作业模式介绍四、DeepSeek 的 “农场奇妙游”4.1 数据处理与分析4.2 作物生长监测与预测4.3 病虫害防治4.4 农机协同作业调度五、实际案例大…...

编程新知 2025/9/24 13:35:36

15、使用Promise封装AJAX请求 promise就有reject和resolve了，就不必写成功和失败的回调函数了 const BASEURL ./手写ajax/test.jsonfunction promiseAjax() {return new Promise((resolve, reject) > {const xhr new XMLHttpRequest();xhr.open("get&quo…...

编程新知 2025/12/16 3:15:21