首页 > 其他分享 >CSS的字体属性

CSS的字体属性

时间:2023-09-21 16:36:44浏览次数:34  
标签:style 属性 normal color 字体 font CSS size

字体属性:颜色、大小、加粗、文字样式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p{
            color: blueviolet;
            
            
            color: rgb(205, 99, 122);
            color: rgba(0, 0,0, 1);
            color: #000fff;
            font-size: 35px;
            font-weight:600;
            font-style: normal;
            font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
        }
        i{
            font-style: normal;
        }
        
    </style>            <!--十六进行方式#加相应数字 rgb颜色通道 rgba设置元素透明度-->
</head>
<body>
    <p>33333</p>
    <i>数字</i>             <!--i标签为斜体 可以用font-style 改为默认字体-->
</body>
</html>

color属性有三种表达方式,一种为rgb(),一种为raba(),第三种为十六进制表示

font-size调整字体大小,最小的大小为12px

font-size设置文本粗细,bold为粗体,bolder为更粗,lighter为更细

400都大小为默认,字体的粗细范围为100-900

font-style :定义字体样式,normal为默认字体,italic定义斜字体

font-family:指定一种元素字体,如:微软雅黑

标签:style,属性,normal,color,字体,font,CSS,size
From: https://www.cnblogs.com/songs7/p/17720256.html

相关文章

  • 记录一次:Winform的控件的Visible属性异常问题
    一:背景1.讲故事有一次同事找到我,说以下代码中:btnPlanAppend控件:客户电脑显示正常、开发者电脑调试时无法显示btnAppend可以在界面中显示出来btnPlanAppend控件在界面上就是不显示privatevoidCheck_Privilege(){stringsPrivilege=ClientUtils.GetPrivilege(g_sU......
  • css实现文字切换
    .textc{--num:'今日大吉';animation:text-change3slinearforwards;}.textc::after{content:var(--num);font-size:20px;}@keyframestext-change{33%{--num:'明日好运';}67%{--num:'......
  • ref同步的数据属性
    代码码中存在一些重复部分,即两个地方都使用了<wo-work-order-form>组件。如果这两个地方的<wo-work-order-form>组件需要保持同步,那么应该使用同一个实例。可以通过在父组件中定义一个realForm的数据属性,并将其传递给两个地方的<wo-work-order-form>组件的ref属性,以达到同步的效果......
  • 解析vue项目,scoped,ref属性,混入mixin,插件,Elementui
    0解析一下vue项目......
  • UNO 的 SamplesApp.Skia.Gtk 丢失字体文件抛出空异常
    在运行UNO的SamplesApp.Skia.Gtk例子程序时,如果没有拷贝字体文件夹,导致字体丢失,将会在运行的时候抛出NullReferenceException空异常抛出的异常堆栈大概如下> Uno.UI.dll!Windows.UI.Xaml.Documents.Inline.GetFont(stringname="ms-appx:///Assets/Fonts/uno-fluentui-a......
  • 前端中字体的使用
    前端中字体的使用字体是前端的基础,本文介绍常见的几种字体以及如何在工程中引入自定义的字体。字体的类型常见的字体类型有TTF/OTF,WOFF/WOFF2,SVG,EOT(这个是按照浏览器的支持率由高到底排序的)TTF(TrueTypeFont)由微软与苹果开发,广泛用于windows/Mac操作系统,浏览器支......
  • 属性描述符
    属性描述符PropertyDescriptor属性描述符是一个普通对象,用于描述一个属性的相关信息通过Object.getOwnPropertyDescriptor(对象,属性名)可以得到一个对象的某个属性的属性描述符value:属性值configurable:该属性的描述符是否可以修改enumerable:该属性是否可以被枚举writ......
  • python入门基础(14)--类的属性、成员方法、静态方法以及继承、重载
    上一篇提到过类的属性,但没有详细介绍,本篇详细介绍一下类的属性一、类的属性方法是用来操作数据的,而属性则是建模必不的内容,而且操作的数据,大多数是属性,比如游戏中的某个boss类,它的生命值就是属性(不同级别的boss,有不同的生命值),被攻击方法(不同的攻击,伤害值不同),当boss被攻击......
  • html与css小知识
    html入门学习参考资料:https://www.cnblogs.com/gh110/p/15153664.html参考视频:https://www.bilibili.com/video/BV1x4411V75C扩展:qq邮箱扩展(点击联系我)可以打开qq推广弄iframe可以作为a标签的目标,然后一键点击跳转!点文字就可以锁定文字对应的框表单......
  • 看到过的css 属性!!!
    记录一下看到过的,没见过的不知道就算了; inline-size:60pxblock-size:30pxpadding-block:10px这三个文字属性和writing-mode:有关,writing-mode设置文字是从左往右排列还是从上往下   关于nth-child!!! MDN文档里解释p:nth-child(1){background-color......