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

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

news 2025/7/4 16:13:31

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

【人工智能】神经网络的优化器optimizer（二）：Adagrad自适应学习率优化器

一.自适应梯度算法Adagrad概述 Adagrad（Adaptive Gradient Algorithm）是一种自适应学习率的优化算法，由Duchi等人在2011年提出。其核心思想是针对不同参数自动调整学习率，适合处理稀疏数据和不同参数梯度差异较大的场景。Adagrad通…...

编程新知 2025/7/4 7:28:44

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

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

编程新知 2025/6/26 10:09:45

如何为服务器生成TLS证书

TLS（Transport Layer Security）证书是确保网络通信安全的重要手段，它通过加密技术保护传输的数据不被窃听和篡改。在服务器上配置TLS证书，可以使用户通过HTTPS协议安全地访问您的网站。本文将详细介绍如何在服务器上生成一个TLS证…...

编程新知 2025/6/22 5:07:54

unix/linux，sudo，其发展历程详细时间线、由来、历史背景

sudo 的诞生和演化，本身就是一部 Unix/Linux 系统管理哲学变迁的微缩史。来，让我们拨开时间的迷雾，一同探寻 sudo 那波澜壮阔（也颇为实用主义）的发展历程。历史背景：su的时代与困境 ( 20 世纪 70 年代 - 80 年代初) 在 sudo 出现之前，Unix 系统管理员和需要特权操作的…...

编程新知 2025/6/24 2:30:54

IT供电系统绝缘监测及故障定位解决方案

随着新能源的快速发展，光伏电站、储能系统及充电设备已广泛应用于现代能源网络。在光伏领域，IT供电系统凭借其持续供电性好、安全性高等优势成为光伏首选，但在长期运行中，例如老化、潮湿、隐裂、机械损伤等问题会影响光伏板绝缘层…...

编程新知 2025/6/24 3:19:42

使用 Streamlit 构建支持主流大模型与 Ollama 的轻量级统一平台

🎯 使用 Streamlit 构建支持主流大模型与 Ollama 的轻量级统一平台 📌 项目背景随着大语言模型（LLM）的广泛应用，开发者常面临多个挑战：各大模型（OpenAI、Claude、Gemini、Ollama）接口风格不统一；缺乏一个统一平台进行模型调用与测试；本地模型 Ollama 的集成与前…...

编程新知 2025/7/2 14:16:01

python爬虫——气象数据爬取

一、导入库与全局配置 python 运行 import json import datetime import time import requests from sqlalchemy import create_engine import csv import pandas as pd作用： 引入数据解析、网络请求、时间处理、数据库操作等所需库。requests：发送 …...

编程新知 2025/7/4 2:47:13