字体属性(笔记)

字体属性:

含义属性参数说明例子
字体样式font-family字体样式的名称可以是使用多个字体样式,后面作为备用字体,font-family:“微软雅黑”,“宋体”;
字体大小font-size像素:px,em,remfont-size:20px;
字体颜色color颜色名称,rgb,十六进制表示法,rgbargba相比于rgb多了一个透明度的参数color:red; color:rgb(255,255,255) ; color:rbga(155,155,155,0.1); color:#FF670
字体样式font-styleitalic:倾斜 normal:默认值font-style:normal;
字体粗细font-weightnormal:默认值,也可以是数值,normal=400

像素单位 : px em rem px:是一个绝对的值一旦设置了值就不会改变,除非修改代码,不会因为其他因素而改变

em : em是相对单位,当某块区域的字体大小,比如给p标签设置了20px,那么1em=20px

rem:相对单位 主要应用于移动端

文本属性

含义属性参数说明
文本修饰text-decoration文本样式名称underline 下划线 none :无线 lin’r
文本开头缩进text-indent大小:PX em
行高line-height像素
文字和文字之间的距离letter-spacing像素
文本粗细font-weight像素,数值,bold:粗的字体400是默认值
对齐方式text-alignleft:左对齐 right:右对齐 center:中心center使用最多

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/36785.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

如何用 PHP 实现一个自定义爬虫框架

随着互联网的不断发展,信息量爆炸式增长,获取有价值的信息已经成为了许多人的需求。在这样的大环境下,爬虫技术逐渐兴起,成为了大数据时代的重要工具之一。爬虫技术的应用十分广泛,其可以用于网络舆情监测、数据分析、…

docker中mysql突然无法远程连接设置

docker登陆到docker.hub docker login -u 用户名 回车密码 将容器打包成自己的镜像 docker commit -a "用户名" -m "redis" 533d6f1402ca 用户名/myredis:v1.2 将镜像发布到平台上 docker push用户名/myredis:v1.2 删除本地镜像 docker rm image …

JavaSE主要内容(全套超完整)

一、为什么选择Java(Java的优势) 1、应用面广: 相较于其他语言,Java的应用面可谓是非常广,这得益于他的跨平台性和其性能的稳定性。他在服务器后端,Android应用开发,大数据开发&#xf…

MATLAB中添加 Git 子模块

目录 更新子模块 对子模块使用提取和合并 使用推送将更改发送到子模块存储库 要重用其他存储库中的代码,可以指定 Git™ 子模块。 要将外部 Git 存储库克隆为子模块,请执行以下操作: 在 MATLAB 当前文件夹浏览器中点击右键,然…

Jmeter性能场景设计

为什么会有性能场景设计呢? 相信有部分同学对场景设计优点模糊,前面博文提到的是场景提取 场景设计:在压测的过程中怎么设置线程数、Ramp-Up时间(秒)、循环次数等等 一、 性能场景分类 场景的概念: a. 单场景 b. 混合场景 c. 容…

Python学习笔记17 -- 猜数字小游戏2

目录 一、功能函数 1、说明函数 -- 对游戏玩法及设置进行说明 2、答案函数 -- 生成答案 3、猜测函数 -- 让玩家进行猜测 4、对照函数 -- 将答案和猜测进行对照 4.1 A函数 4.2 B函数 5、结果函数 -- 判断得到结果或继续猜测 6、时间函数 -- 判断一局游戏所用时间 7、打…

开源项目-商城管理系统

哈喽,大家好,今天主要给大家带来一个开源项目-商城管理系统 商城管理系统分前后端两部分。前端主要有商品展示,我的订单,个人中心等内容;后端的主要功能包括产品管理,门店管理,会员管理,订单管理等模块 移动端页面

深入理解深度神经网络(DNN)

深入理解深度神经网络(DNN) 大家好,我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编,也是冬天不穿秋裤,天冷也要风度的程序猿! 什么是深度神经网络(DNN)&#xff…

力扣第216题“组合总和 III”

在本篇文章中,我们将详细解读力扣第216题“组合总和 III”。通过学习本篇文章,读者将掌握如何使用回溯法来解决这一问题,并了解相关的复杂度分析和模拟面试问答。每种方法都将配以详细的解释,以便于理解。 问题描述 力扣第216题…

[OtterCTF 2018]Name Game

Name Game 题目描述:我们知道这个帐号登录到了一个名为Lunar-3的频道。账户名是什么?猜想:既然登陆了游戏,我们尝试直接搜索镜像中的字符串 Lunar-3 。 直接搜索 Lunar-3 先把字符串 重定向到 txt文件里面去然后里面查找 Lunar-3…

什么是机器学习,机器学习与人工智能的区别是什么(一)?

人工智能和计算机游戏领域的先驱阿瑟塞缪尔(Arthur Samuel)创造了 "机器学习"一词。他将机器学习定义为 “一个让计算机无需明确编程即可学习的研究领域” 。通俗地说,机器学习(ML)可以解释为根据计算机的经…

【RT摩拳擦掌】RT云端测试之百度天工物接入构建(设备型)

【RT摩拳擦掌】RT云端测试之百度天工物接入构建(设备型) 一, 文档介绍二, 物接入IOT Hub物影子构建2.1 创建设备型项目2.2 创建物模型2.3 创建物影子 三, MQTT fx客户端连接云端3.1 MQTT fx配置3.2 MQTT fx订阅3.3 MQT…

003 SSM框架整合

文章目录 整合web.xmlapplicationContext-dao.xmlapplicationContext-service.xmlspringmvc.xmldb.propertieslog4j.propertiespom.xml 测试sqlItemController.javaItemMapper.javaItem.javaItemExample.javaItemService.javaItemServiceImpl.javaItemMapper.xml 整合 将工程的…

Linux 生产消费者模型

💓博主CSDN主页:麻辣韭菜💓   ⏩专栏分类:Linux初窥门径⏪   🚚代码仓库:Linux代码练习🚚   🌹关注我🫵带你学习更多Linux知识   🔝 前言 1. 生产消费者模型 1.1 什么是生产消…

二分查找:自定义 upper_bound、lower_bound

二分查找详细介绍可以看这篇文章&#xff0c;此篇文章介绍返回索引的 upper_bound 和 lower_bound 的 C 实现。 lower_bound 实现代码 #include <vector>int lower_bound_index(const std::vector<int>& vec, const int& target) {int left 0;int right…

AI复活亲人市场分析:技术、成本与伦理挑战

“起死回生”这种事&#xff0c;过去只存在于科幻电影里&#xff0c;但今年&#xff0c;被“复活”的案例却越来越多。 2月底&#xff0c;知名音乐人包晓柏利用AI“复活”了她的女儿&#xff0c;让她在妈妈生日时唱了一首生日歌&#xff1b;3月初&#xff0c;商汤科技的年会上…

grpc编译

1、cmake下载 Download CMakehttps://cmake.org/download/cmake老版本下载 Index of /fileshttps://cmake.org/files/2、gprc源码下载&#xff0c;发现CMAKE报错 3、使用git下载 1&#xff09;通过git打开一个目录&#xff1a;如下grpc将放在D盘src目录下 cd d: cd src2&am…

深入解析内容趋势:使用YouTube API获取视频数据信息

一、引言 YouTube&#xff0c;作为全球最大的视频分享平台之一&#xff0c;汇聚了无数优质的内容创作者和观众。从个人分享到专业制作&#xff0c;从教育科普到娱乐休闲&#xff0c;YouTube上的视频内容丰富多彩&#xff0c;满足了不同用户的需求。对于内容创作者、品牌以及希…

查看linux中libc库的位置

因为在linux中libc库是非常基础的库&#xff0c;因此随便编译一个简单的hello world程序&#xff0c;一般也会链接上这个库。可以通过ldd命令来查看编译成功的可执行程序&#xff0c;来查看链接哪些库&#xff0c;以及链接库的位置。 $ ldd hello | grep libc显示结果 libc.so…

第八节:学习@Bean和@ComponentScan以及@Autowired的区别(自学Spring boot 3.x的第二天)

大家好&#xff0c;我是网创有方&#xff0c;上篇学习了依赖注入。加上上节学习的Autowired和之前的Bean以及ComponentScan&#xff0c;目前已经有三种方式。那么该如何选择用哪一种方式呢&#xff1f;咱们这节来学习它们的区别在哪里&#xff1f; 第七节&#xff1a;如何浅显…