首页 > 其他分享 >css中的字体样式

css中的字体样式

时间:2023-10-08 17:24:05浏览次数:26  
标签:style weight 样式 字体 400 font css

一.字体的样式

font-style:"normal" 正常

font-style:"italic"斜体

 二.字体的粗细

font-weight:"bold/bolder"; bold是粗体 

font-weight:400;

400, 500为正常

500<为粗体

>400为细体

 三.字体的家庭

font-family 可以自己外部引入字体

 四.行高

line-height:200px 

使文本垂直居中

 五.外部引入

@font-face{}

自己设置一个字体名字 liu

src:url() 然后引入你所下载的文字样式

最后使用你所设置的文字名称

 六. 合并font

 

font:<font-style> <font-weight> <font-size>/<line-height> <fon-family> 必须是大于2个样式以上才能够被渲染.

标签:style,weight,样式,字体,400,font,css
From: https://www.cnblogs.com/liu521125/p/17749670.html

相关文章

  • css的认知与样式
    #1.介绍##目录- [1.介绍](#1-介绍)- [2.CSS语法](#2-CSS语法)- [3.CSS注释](#3-CSS注释)- [4.CSS中的颜色值](#4-CSS中的颜色值)- [5.CSS长度单位](#5-CSS长度单位)- [6.html引入CSS的三种方法](#6-html引入CSS的三种方法)- [6.1行内样......
  • 多级编号与样式
    问题:多级编号与样式如何用解决: 选取待编号的段落》开始》编号》多级编号,选取如图所示的编号经此设置,该种编号自动与样式中的标题1-标题9绑定,对于需要设置相应编号的段落,只需要选取后应用对应样式即可。 ......
  • chrome调试工具之[hover悬浮样式]
    前言在调节带有hover样式的元素时,当鼠标移动到上面的时候才会显示相应的元素,鼠标移开时元素就会消失,所以导致无法调节样式问题,第一种方式方便定位元素位置,第二种方式可以解决问题(可以直接看第二种方法!!!)一、快捷定位元素位置的方法使用网上的方法,首先F12打开调试工具,找到加了h......
  • CSS,position: relative用法
    展示图如下:使左边区域固定展示,不受子域名的影响,所以要使用相对定位position:relative相对定位一般使用父级菜单绝对定位使用如下:绝对定位一般使用子级菜单position:absolute悬浮遮盖其余位置  ......
  • wsl中matplotlib安装中文字体
    wsl中matplotlib安装中文字体首先修改matplotlib配置的中文字体使用python定位字体路径importmatplotlibmatplotlib.matplotlib_fname()打开电脑的C:windows/fonts下,查找yahei关键字,将微软雅黑ttf字体拷贝,扔到wsl中显示的路径下的fonts/ttf文件夹里面。删除matplot......
  • 媒体查询+scss 响应式开发
    ```bash$color:#3497ee;@mixinopacity($value){opacity:$value;filter:alpha(opacity=$value*100);}@mixintransition($obj,$time){-webkit-transition:$obj$time;-moz-transition:$obj$time;-ms-transition:$obj$time;trans......
  • css中实现分区中列表的标记的改变
    想要实现下面的情况该怎么写 1.可以在html中用分区标记(<div>)来实现三个分区2.样式可以使用css来实现。(这里我采用的是外部样式表)3.我们可以在分区标签中使用类标记器(上面的class就是类标记器),然后在css中使用后代选择器,在选择器中使用列表属性list-of-style: (注意使用......
  • WebKit Insie: Active 样式表
    WebKitInside:CSS样式表的匹配时机介绍了当HTML页面有不同CSS样式表引入时,CSS样式表开始匹配的时机。后续文章继续介绍CSS样式表的匹配过程,但是在匹配之前,首先需要收集页面里面的Active样式表。1Active样式表在一个HTML文件里面,可能会使用<style>标签与<link>标......
  • 10scss的引入
    10.061.npm(node的包管理器)npminame-g(全局安装的)-s(加与不加的效果一样)-d(局部安装)npminstall/uninstall/update2.vite.config.js里配置css:{//css预处理器preprocessorOptions:{scss:{//文件地址additionalData:......
  • CefSharp自定义滚动条样式
    在WinForm/WPF中使用CefSharp混合开发时,通常需要自定义滚动条样式,以保证应用的整体风格统一。本文将给出一个简单的示例介绍如何自定义CefSharp中滚动条的样式。基本思路在前端开发中,通过CSS来控制滚动条的样式是件寻常的事情。CefSharp也提供了功能强大的API方便开发人员使用c#......