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

淘客网站做的好的/搭建网站

news 文章来源：https://blog.csdn.net/qq_19394437/article/details/143659755 2025/3/6 11:40:17
淘客网站做的好的,搭建网站,建筑网图片,做网站实训目的和意义1、尺寸单位 px 像素单位% 百分比，参照父元素对应属性的值进行计算em 字体尺寸单位，参照父元素的字体大小计算，1em16pxrem字体尺寸单位,参照根元素的字体大小计算，1rem16px 2、字体属性 介绍 CSS Fonts (字体)属性用于定义字体…

1、尺寸单位

  • px 像素单位
  • % 百分比，参照父元素对应属性的值进行计算
  • em 字体尺寸单位，参照父元素的字体大小计算，1em=16px
  • rem字体尺寸单位,参照根元素的字体大小计算，1rem=16px



2、字体属性

  • 介绍

    • CSS Fonts (字体)属性用于定义字体系列、大小、粗细、和文字样式（如斜体）。

  • 语法

    选择器{font-family: "字体"
}选择器{font-family: "字体1", "字体2", "...";
}

  • 说明

    • 字体之间必须使用 英文状态下的逗号隔开，字体加引号
    • 尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示
    • 最常见的几个字体：body {font-family: ‘Microsoft YaHei’, ‘tahoma,arial’, ‘Hiragino Sans GB’; }



3、字体大小

  • 语法

    选择器{font-size: xx px;
}

  • 说明

    • 谷歌浏览器默认的文字大小为16px（网页的最常用的单位 ）
    • 不同浏览器可能默认显示的字号大小不一致，我们尽量给一个明确值大小，不要默认大小
    • 可以给 body 指定整个页面文字的大小



4、字体粗细

  • 语法

    选择器{font-weight: bold;     /* 取值： normal（默认值）、bold（加粗）、100-900*/
}

  • 说明

    • 400等同于normal，700等同于bold，注意数值后不跟单位



5、字体样式

  • 语法

    选择器{font-style: normal;     /* 取值： normal（默认值）、italic（倾斜）*/
}

  • 说明

    • 很少给文字加斜体，反而要给斜体标签（em，i）改为不倾斜字体。



6、字体复合属性

  • 语法

    选择器{font: font-style  font-weight  font-size/line-height  font-family; 
}

  • 说明

    • 使用 font 属性时，必须按上面语法格式中的顺序书写，不能更换顺序，并且各个属性间以空格隔开
    • 不需要设置的属性可以省略（取默认值），但必须保留 font-size 和 font-family 属性，否则 font 属性将不起作用



7、示例

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>字体设置</title><style>/* 在body标签中统一设置字体大小 */body {font-size: 18px;}span {font-style: italic;font-size: 30px;font-weight: 700;font-family: "华文琥珀";}.sp1 {/* 针对font的综合写法 *//* font: normal 600 20px/1.5 "华文行楷"; */font: 30px/1.5 "华文行楷"; /* 字体大小、字体不能省略*/}</style></head><body><span>国庆假期后，再无假期，wuwu</span><br /><span class="sp1">国庆假期后，一定要好好学习</span></body>
</html>

在这里插入图片描述



8、总结

属性表示注意点
font-size字号通常用 px像素为单位，必须要写单位
font-family字体按照项目设计来选择字体
font-weight字体粗细加粗为700或bold、不加粗是normal或400，数字不能跟单位
font-style字体样式倾斜式 italic，不倾斜为 normal（常用）
font字体连写1、字体连写必须按照顺序
2、字号 与 字体 必须同时出现

相关文章：

CSS教程（四）- 字体

1、尺寸单位 px 像素单位% 百分比&#xff0c;参照父元素对应属性的值进行计算em 字体尺寸单位&#xff0c;参照父元素的字体大小计算&#xff0c;1em16pxrem字体尺寸单位,参照根元素的字体大小计算&#xff0c;1rem16px 2、字体属性 介绍 CSS Fonts (字体)属性用于定义字体…...

编程日记 2024/11/11 20:35:43

深入理解Java中的Lambda表达式

在Java 8中&#xff0c;Lambda表达式的引入无疑是一个重大的里程碑。 Lambda表达式以其简洁的语法和强大的功能&#xff0c;极大地改变了Java开发者编写代码的方式。本文将深入探讨Lambda表达式的概念、语法、使用场景以及其在函数式编程中的意义。 一、Lambda表达式的基本概…...

编程日记 2024/11/11 20:34:42

C#里怎么样判断一个数是偶数还是奇数

一般是采用取余的做法。 程序如下&#xff1a; /** C# Program to Check whether the Entered Number is Even or Odd*/ using System; using System.Collections.Generic; using System.Linq; using System.Text;namespace check1 {class Program{static void Main(string[]…...

编程日记 2024/11/11 20:31:33

【论文笔记】Prefix-Tuning: Optimizing Continuous Prompts for Generation

&#x1f34e;个人主页&#xff1a;小嗷犬的个人主页 &#x1f34a;个人网站&#xff1a;小嗷犬的技术小站 &#x1f96d;个人信条&#xff1a;为天地立心&#xff0c;为生民立命&#xff0c;为往圣继绝学&#xff0c;为万世开太平。 基本信息 标题: Prefix-Tuning: Optimizin…...

编程日记 2024/11/11 20:27:29

GNN系统学习：消息传递图神经网络

引言 在开篇中我们介绍了&#xff0c;为节点生成节点表征&#xff08;Node Representation&#xff09;是图计算任务成功的关键&#xff0c;我们要利用神经网络来学习节点表征。 消息传递范式是一种聚合邻接节点信息来更新中心节点信息的范式&#xff0c;它将卷积算子推广到了…...

编程日记 2024/11/11 20:25:27

基于gewe制作第一个微信聊天机器人

现在我们制作一个微信智能聊天机器人。发送文字它可以回复一段话&#xff0c;或一张图片&#xff0c;是不是有点小酷&#xff01; 当然&#xff0c;这种智能回复的算法和数据库我们自己肯定是没有的&#xff0c;所以我们借助于gewe框架的开放API接口来完成我们的功能。 请求参…...

编程日记 2024/11/11 20:19:20

【Python】python使用Moviepy库对mp3文件进行剪切，并设置输出文件的码率

【Python】python使用Moviepy库对mp3文件进行剪切&#xff0c;设置输出文件的码率 一、安装Moviepy库二、代码 一、安装Moviepy库 pip install -i https://mirrors.aliyun.com/pypi/simple/ moviepy二、代码 #!/usr/bin/python # -*- coding: UTF-8 -*- from moviepy.editor …...

编程日记 2024/11/11 20:18:19

海外云手机在出海业务中的优势有哪些？

随着互联网技术的快速发展&#xff0c;海外云手机已在出海电商、海外媒体推广和游戏行业都拥有广泛的应用。对于国内的出海电商企业来说&#xff0c;短视频引流和社交平台推广是带来有效流量的重要手段。借助云手机&#xff0c;企业能够更高效地在新兴社交平台上推广产品和品牌…...

编程日记 2024/11/11 20:16:16

这10款PDF转Word在线转换工具的个人使用经历！！

身为现代办公室中的一位经常需要处理各种文件格式的牛马&#xff0c;在PDF和Word之间转换文件是我时常要处理的事。我试过不少PDF转Word的在线工具&#xff0c;前前后后尝试了10款左右的PDF转word转换工具&#xff0c;其中有四大霸主&#xff0c;深深占据了我对这方面的印象。下…...

编程日记 2024/11/11 20:14:13

认识QT以及QT的环境搭建

认识QT 什么是QT&#xff1f; Qt 是⼀个 跨平台的 C 图形⽤⼾界⾯应⽤程序框架 。 认识客户端 现在我们所说的客户端开发其实大致分为三种&#xff1a; 1.网页前端开发。 2.桌面应用开发&#xff08;电脑的应用层序&#xff09; 3.移动应用开发。 而我们的QT的主战场就是在…...

编程日记 2024/11/11 20:12:11

Rollup failed to resolve import “destr“ from ***/node_modules/pinia-plugin-pers

在使用uni-appvuu3piniapinia-plugin-persistedstate开发中&#xff0c; 使用pinia-plugin-persistedstate 一直在报错&#xff0c;其实代码也是比较简单的&#xff0c; import { createPinia } from pinia // 创建 pinia 实例 const pinia createPinia(); import piniaPlugi…...

编程日记 2024/11/11 20:11:09

Python小白学习教程从入门到入坑------第三十课 文件定位操作（语法进阶）

一、文件指针 python中严格来说没有指针这个说法&#xff0c;但有指针这个用法的体现。指针概念常用于c语言、c语言中 在Python的文件操作中&#xff0c;文件指针&#xff08;也称为文件游标或文件句柄的位置&#xff09;是一个内部标记&#xff0c;它指示了当前文件操作的读…...

编程日记 2024/11/11 20:09:07

人工智能、机器学习与深度学习：层层递进的技术解读

引言 在当今科技快速发展的时代&#xff0c;人工智能&#xff08;AI&#xff09;已经成为一个热门话题&#xff0c;几乎渗透到了我们生活的方方面面。从智能手机的语音助手&#xff0c;到自动驾驶汽车&#xff0c;再到医疗诊断中的图像识别&#xff0c;人工智能的应用正在改变我…...

编程日记 2024/11/11 20:05:02

Code Inspector——页面开发提效的神器

写在前面 优点&#xff1a; 开发提效&#xff1a;点击页面上的 DOM 元素&#xff0c;它能自动打开 IDE 并将光标定位至 DOM 的源代码位置&#xff0c;大幅提升开发体验和效率简单易用&#xff1a;对源代码无任何侵入&#xff0c;只需要在打包工具中引入就能够生效&#xff0c…...

编程日记 2024/11/11 20:01:59

如何定制RockyLinux ISO

目标 基于Rocky9官方ISO做定制&#xff0c;构建自己的ISO 可以添加非官方预装的RPM包实现Kickstart自动化安装, 完成分区等操作ISO安装后&#xff0c;可以执行自定义脚本&#xff0c;比如安装你手动添加的RPM包 Rocky9 官方ISO内容分析 挂载Rocky9 ISO&#xff0c;得到如下…...

编程日记 2024/11/11 19:53:52

python基于深度学习的音乐推荐方法研究系统

需求设计 一款好的音乐推荐系统其目的是为用户进行合理的音乐推荐&#xff0c;普通的用户在登录到系统之后&#xff0c;能够通过搜索的方式获取与输入内容相关的音乐推荐&#xff0c;而以管理员登录到系统之后&#xff0c;则可以进行徐昂管的数据管理等内容操作。此次的需求主…...

编程日记 2024/11/11 19:52:51

机器学习系列----介绍前馈神经网络和卷积神经网络 (CNN)

前言 在深度学习领域&#xff0c;神经网络是一种模拟人脑神经元结构和功能的数学模型。它通过大量的层次结构和参数调整来实现模式识别、分类、回归等任务。常见的神经网络结构有前馈神经网络&#xff08;Feedforward Neural Networks&#xff0c;简称 FNN&#xff09;和卷积神…...

编程日记 2024/11/11 19:51:50

vue.js组件和传值以及微信小程序组件和传值

微信小程序组件以及vue.js组件 一.微信小程序组件引用1.创建组件Component2.页面组件引用3.组件传值3.1 父视图传值到子组件 &#xff08;父---->子&#xff09;3.2 子组件传值给父组件 (子---->父)3.3 父组件方法传递到子组件 4. 界面之间的传值4.1 正向传值4.2 反向传值…...

编程日记 2024/11/11 19:50:49

c语言编程题（函数）

1编写函数将一个仅包含整数&#xff08;可能为负&#xff09;的字符串转换为对应的整数 方法一使用标准库函数 atoi atoi 函数是C语言标准库中的一个函数&#xff0c;用于将字符串转换为整数。 代码&#xff1a; #include <stdio.h> #include <stdlib.h> // 包含…...

编程日记 2024/11/11 19:49:48

华为eNSP：QinQ

一、什么是QinQ&#xff1f; QinQ是一种网络技术&#xff0c;全称为"Quantum Insertion"&#xff0c;也被称为"Q-in-Q"、"Double Tagging"或"VLAN stacking"。它是一种在现有的VLAN&#xff08;Virtual Local Area Network&#xff0…...

编程日记 2024/11/11 19:47:45

JAVA基础-多线程线程池

文章目录 1. 多线程1.1什么是多线程&#xff08;1&#xff09;并发和并行&#xff08;2&#xff09;进程和线程 1.2多线程的实现方式1.2.1 方式一&#xff1a;继承Thread类1.2.2 方式二&#xff1a;实现Runnable接口1.2.3方式三: 实现Callable接口 1.3 常见的成员方法1.3.1 设置…...

编程日记 2024/11/11 19:46:44

HarmonyOS 沉浸式状态实现的多种方式

1. HarmonyOS 沉浸式状态实现的多种方式 HarmonyOS 沉浸式状态实现的多种方式 1.1. 方法一 1.1.1. 实现讲解 &#xff08;1&#xff09;首先设置setWindowLayoutFullScreen(true)&#xff08;设置全屏布局&#xff09;。   布局将从屏幕最顶部开始到最底部结束&#xff0c…...

编程日记 2024/11/11 19:45:41

Python3.11.9下载和安装

Python3.11.9下载和安装 1、下载 下载地址&#xff1a;https://www.python.org/downloads/windows/ 选择版本下载&#xff0c;例如&#xff1a;Python 3.11.9 - April 2, 2024 2、安装 双击exe安装 3、配置环境变量 pathD:\Program Files\python3.11.9...

编程日记 2024/11/11 19:41:36

简简单单的UDP

前言 上一篇了解了TCP的三次握手过程&#xff0c;目的、以及如何保证可靠性、序列号与ACK的作用&#xff0c;最后离开的时候四次挥手的内容&#xff0c;这还只是TCP内容中的冰山一角&#xff0c;是不是觉得TCP这个协议非常复杂&#xff0c;这一篇我们来了解下传输层另外一个协…...

编程日记 2024/11/11 19:40:34

减少 try...catch，定义全局统一异常处理器！

前言 软件开发springboot项目过程中&#xff0c;不可避免的需要处理各种异常,spring mvc 架构中各层会出现大量的try {...} catch {...} finally {...}代码块&#xff0c;不仅有大量的冗余代码&#xff0c;而且还影响代码的可读性。这样就需要定义个全局统一异常处理器&#x…...

编程日记 2024/11/11 19:39:33

多点支撑：滚珠导轨的均匀分布优势！

滚珠导轨的滚珠稳定性可以有效保持滚珠导轨的稳定运行&#xff0c;减少滚珠脱落的风险&#xff0c;确保设备的长期稳定性和可靠性。事实上&#xff0c;滚珠导轨的滚珠稳定性主要依赖于以下几个方面&#xff1a; 1、精密的制造工艺&#xff1a;滚珠导轨的导轨和滑块通常采用高精…...

编程日记 2024/11/11 19:38:32

电气火灾探测器在商场火灾隐患监测和火灾预防中的应用

徐悦 安科瑞电气股份有限公司 近年来&#xff0c;全国火灾事故频发&#xff0c;尤其是在大型商场等公共场所&#xff0c;火灾造成了巨大的人员伤亡和财产损失。以南京金盛百货中央门店火灾为例&#xff0c;该起事故暴露了商场在电气安全、消防管理方面的重大隐患&#xff0c;…...

编程日记 2024/11/11 19:37:31

速盾：如何有效防止服务器遭受攻击？

服务器攻击是网络安全中常见的问题&#xff0c;但我们可以采取一系列的措施来有效防止服务器的遭受攻击。以下是一些常见的防御措施&#xff1a; 更新和维护服务器软件&#xff1a;及时更新操作系统、应用程序以及安全补丁&#xff0c;以确保最新版本的软件没有已知的漏洞。同时…...

编程日记 2024/11/11 19:36:30

【今日更新】使用Python辅助处理WebGIS

Linux发行版本: Debian GNU/Linux 12 (bookworm)操作系统内核: Linux-6.1.0-18-amd64-x86_64-with-glibc2.36Python版本: 3.11.2 1.使用Python处理MapServer配置文件Mapfile 创建、分析、修改和格式化的python库 MapServer Mapfiles。 Python 2和3 兼容 纯Python-无MapServer依…...

编程日记 2024/11/11 19:35:29

Linux 消息队列

在Linux中&#xff0c;线程间消息队列可以通过使用System V消息队列或POSIX消息队列来实现。 使用System V消息队列&#xff1a; System V消息队列是一种基于IPC&#xff08;Inter-process Communication&#xff0c;进程间通信&#xff09;的通信机制&#xff0c;可以用于进程…...

编程日记 2024/11/11 19:34:27