CSS字体样式属性调试

news/2024/10/17 14:23:56/

恶魔 不能# CSS字体样式属性调试

1.font-size

font-size属性用于设置字号

p {
font-size:20px;

2.font-family

font-family用于设置字体

p {
font-family:"Mirsoft YaHei"}

网页中常用字体有宋体,微软雅黑,黑体等
可以同时指定多个字体,中间以逗号隔开,表示如果浏览器不支持第一个字体,则会尝试下一个,直到找到合适的字体,如果都没有,则以我们电脑默认的字体为准。

p {
font-family:"Mirsoft YaHei","微软雅黑"}

常用技巧

1.各种字体之间必须使用英文状态下的逗号隔开。
2,中文字体需要加英文状态下的引号,英文字体一般不需要加引号。当需要设置英文字体时,英文字体名必须位于中文字体名之前。
3.如果字体名中包含空格、#、$等符号,则该字体必须加英文状态下的单引号或双引号,例如font-family: “Times New Roman”;。
4.尽量使用系统默认字体,保证在任何用户的浏览器中都能正确显示。

Unicode 字体

Unicode字体

3.font-weight

字体变粗:
在html中可以使用b标签和strong实现文本加粗
而font-weight是通过css来实现字体加粗 本身是没有语义的

font-weight

4.font-style

字体风格:
在HTML中我们可以使用i标签和em标签实现字体倾斜
在css中font-style属性用于定义字体风格,如设置斜体、倾斜或正常字体。

其可用属性值如下:
font-style

5.font:综合设置字体样式(重点)

基本语法格式如下:

.weight {font: font-style font-weight font-size/line_height font-family;}

注意 :

使用font属性时,必须按照上面语法格式中的顺序数学,不能更换顺序,各个属性以空格隔开。
其中不需要设置的属性可以省略(取默认值),但必须保留font-size和font-family属性,否则font属性将不起作用

font总结

在这里插入图片描述


http://www.ppmy.cn/news/248381.html

相关文章

【数据结构】常见排序算法——常见排序介绍、选择排序(直接选择排序、堆排序)交换排序(冒泡排序)

文章目录 1.常见排序2.选择排序2.1直接选择排序2.2堆排序 3.交换排序3.1冒泡排序 1.常见排序 2.选择排序 选择排序是一种简单但不高效的排序算法,其基本思想是从待排序的数据中选择最小(或最大)的元素放到已排序的数据末尾。具体操作步骤如下…

Netty的bytebuf详解

ByteBuf ByteBuf是对nio中ByteBuffer的增强。主要的增强点就是ByteBuf它可以动态调整容量大小,当要存储的数据超过了当前容量的上限就会进行扩容,扩容的上限是多少?扩容机制是什么?请跟着本文往下看。对了,还有一个增强…

Linux命令su、sudo、sudo su、sudo -i使用和区别

sudo 与 su 两个命令的最大区别是: sudo 命令需要输入当前用户的密码,su 命令需要输入 root 用户的密码。另外一个区别是其默认行为,sudo 命令只允许使用提升的权限运行单个命令,而 su 命令会启动一个新的 shell,同时…

FPGA DAC AD9764调试

AD9764 时钟频率125M 14位数据位 数值电压/V8192016384-30313653.3-227302 实测8267 电压近似为0

MySQL学习12_rpm安装MySQL报** is needed by **错误

使用rpm -ivh MySQL-server-5.6.26-1.linux_glibc2.5.x86_64.rpm命令,安装MySQL时,遇到了下面的错误: [rootMaster mysql]# rpm -ivh MySQL-server-5.6.26-1.linux_glibc2.5.x86_64.rpm warning: MySQL-server-5.6.26-1.linux_glibc2.5.x86_6…

前端学习(2730):重读vue电商网站40之使用vue-table-with-tree-grid

安装新的依赖 vue-tabel-with-tree-gridvue-tabel-with-tree-grid 官方文档 安装完成后,在 main.js 入口文件内先导入 tree-tabel 然后全局注册组件 tree-tabel 页面中,我们使用了如下属性: data 确定我们的数据源,columns定义我…

百练:2729:求12以内n的阶乘 2730:求20以内n的阶乘 2731:求10000以内n的阶乘

2729:求12以内n的阶乘 #include<iostream> using namespace std; int main() { int n,sum1; scanf("%d",&n); for(int i1;i<n;i) sumsum*i; printf("%d",sum); return 0; } 2730:求20以内n的阶乘 #include<iostre…

oracle 27140,ORA-27140 ORA-27300 ORA-27301

查看节点1crs状态 [rootnode1 ~]# /oracle/app/grid/bin/crs_stat -t CRS-0184: Cannot communicate with the CRS daemon. 检查下ocr [rootnode1 bin]# ./ocrcheck PROT-602: Failed to retrieve data from the cluster registry PROC-26: Error while accessing the physical…