首页 > 其他分享 >## font 文体属性

## font 文体属性

时间:2024-10-19 21:33:09浏览次数:7  
标签:style 文体 family ## height 字体 font size

文字大小

font-size: 

设置字体样式

在浏览器渲染的时候 会先考虑当前操作系统字体库是否具备设置的字体,当不支持这个字体的时候会用浏览器默认的字体显示,
在设置font-family时最好多设置几个备用字体
可以通过网络方式直接下载字体
@font-face指定的可以直接下载字体.

font-family

设置字体加粗

font-weight

设置行高并且文本可以行内居中

line-height

可以影响小写字母的显示形式 将小写字母变成大写字母但是高度还是小写字母

font-variant

设置文本斜体或常规

    font-style
    /* 常规显示 */
    font-style: normal;
    /* 斜体 字体本身支持斜体时,显示斜体 */
    font-style: italic;
    /* 倾斜 仅仅让文字倾斜 不管支不支持都可以斜体*/
    font-style: oblique;

font缩写属性

    font 属性可以用来作为 font-style,font-variant,font-weight,font-size,line-height,font-family 属性简写
    规律:
    font:font-style font-variant font-weight font-size/line-height font-family

    规则:
    1.font-style font-variant font-weight 可以随意调换位置 并且可以省略
    2.line-height可以省略 ,如果不省略必须跟在font-size后面 加 / 后加 line-height
    3.font-size,font-family 不可以调换顺序 不可以省略

标签:style,文体,family,##,height,字体,font,size
From: https://www.cnblogs.com/hdc-web/p/18486608

相关文章

  • SpringBoot 2.3 升级到 SpringBoot 2.7 爬坑-- Swagger 3
    SpringBoot2.3升级到SpringBoot2.7爬坑--Swagger报错需要升级到3Failedtostartbean'documentationPluginsBootstrapper';nestedexceptionisjava.lang.NullPointerException<!--swagger2--><dependency><groupId>io.springfox......
  • 处理R动态链接库确实得问题
    参考文档https://askubuntu.com/questions/1409562/error-while-loading-shared-libraries-libicudata-so-66-libicudata-so-66-and-lib要使用清华镜像源来解决libicu66的问题,可以按照以下步骤更新的sources.list文件:打开sources.list文件:sudogedit/etc/apt/sources......
  • 代码随想录算法训练营day20| 669. 修剪二叉搜索树 108.将有序数组转换为二叉搜索树
    学习资料:https://programmercarl.com/0669.修剪二叉搜索树.html#算法公开课学习记录:669.修剪二叉搜索树(直接在原函数上操作,要根据情况用root的左右子树递归,因为子树中有满足条件的;前序:根左右)点击查看代码#Definitionforabinarytreenode.#classTreeNode:#def_......
  • fastStone Capture截图神器,你想要的功能它都有!
    前言大家好,我是小徐啊。从今天开始,小徐将介绍很多Java开发领域相关的软件工具资源,欢迎大家关注。今天,介绍一款非常小巧,但功能十分强大的图片软件,fastStoneCapture。这款工具,主要是图片的截图,编辑,以及屏幕录屏等功能,可以说非常强大了。文末附获取方式。安装首先,该软件是支持免......
  • 低功耗4G模组:tcs3472颜色传感器示例
    ​今天我们学习合宙低功耗4G模组Air780EP的LuatOS开发tcs3472示例,文末【阅读原文】获取最新资料1一、简介tcs3472颜色传感器能够读取照射到的物体的RGB三种数值,从而识别颜色关联文档和使用工具:LuatOS固件获取tcs3472颜色传感器接口说明Luatools下载调试工具二......
  • 低功耗4G模组:LCD应用示例
    ​今天我们学习合宙Air780E开发板LCD应用示例,文末【阅读原文】获取最新资料。本文档适用于Air780E开发板关联文档和使用工具lcd-demo:https://gitee.com/openLuat/LuatOS/tree/master/demo/lcdLuatools下载调试工具一、环境准备1.1Air780E开发板一套 ​1.......
  • 告别繁琐的云平台开发!IoT_CLOUD之【百度云】
    ​众所周知,市面上有很多云平台,阿里云、腾讯云、中移OneNET、华为云、百度云、涂鸦云、Tlink云等等......并且每家云平台都有自己的协议,工程师要移植不同的SDK代码或基于各家的手册文档对接不同的协议,看着都头大!!!为解决繁琐的云平台开发困扰,合宙IoT_CLOUD应运而生,一库打通所有云平......
  • 低功耗4G模组Air780E快速入门:使用文件系统存储温湿度数据
    ​伙伴们,今天我们来学习合宙低功耗4G模组Air780E快速入门之使用文件系统存储温湿度数据。一、编写脚本1.1准备资料780E开发板购买链接780E开发板设计资料LuatOS-Air780E-文件系统的使用-程序源码demo合宙的TCP/UDP测试服务器API使用介绍780E开发板和DHT11 ​1.2 ......
  • java反射机制
    什么是java反射呢,先来看Oracle官方的解释:“ReflectionenablesJavacodetodiscoverinformationaboutthefields,methodsandconstructorsofloadedclasses,andtousereflectedfields,methods,andconstructorstooperateontheirunderlyingcounterparts,......
  • 21、【实战中提升自己】内网安全部署之STP的安全技术部署
     0 特别说明       之前博客分享过,但是没汇总到公众号,这里在发布下,虽然早期写的实战文章,有些技术、设备、配置代码现在更新了,但是对于常见的组网思路构建还是很有帮助的,希望对大家有帮助。(觉得有帮助可以点点赞、转发下) 11拓扑        有朋友说拓扑......