热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

CSS字体样式属性roserose123

font-size字号大小一般推荐使用相对长度(px,em),不推荐使用绝对长度(in,cmm,mm,pt)font-family字体1.可以同时指定多个字体,中间用英

CSS字体样式属性

font-size 字号大小

一般推荐使用相对长度(px ,em),不推荐使用绝对长度(in,cmm,mm,pt)

font-family 字体

1.可以同时指定多个字体,中间用英文状态的逗号隔开,英文字体一般不需要加引号,中文字体需要添加英文状态下的引号,当需要设置英文字体时,英文字体必须位于中文字体之前

2.现在网页中普遍使用14px+

3.尽量使用偶数数字字号,IE6等老版本浏览器支持奇数可能会有bug

4.如果字体名中包括空格,# $等符号,该字体必须加英文状态下的单引号或者双引号

5.尽量使用系统默认字体,保证任何用户的浏览器都能正确显示

CSS unicode字体

在CSS中设置字体名称时,中文可以,但是在文件编码不匹配时会产生乱码的错误,XP系统不支持类似微软雅黑这样的中文

解决方式:

 方案一:使用英文代替

 方案二:在CSS中使用unicode编码

尽量只写unicode字体

font-weight字体粗细

字体加粗除了使用strong  b标签以外,还可以使用CSS,但是CSS没有语义

属性值:normal   bold   bolder   lighter   100-1000(100的整数倍)

              400 ===normal   700===bold

更倾向于用数字表示字体粗细

font-style字体风格

字体风格除了使用i  em标签以外,还可以使用CSS,但是CSS没有语义

属性值: 

    normal   默认值 标准字体样式

    italic     斜体

    oblique   斜体

平时很少给字体添加斜体,更喜欢给斜体标签改为普通模式

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

语法格式:

选择器 {font:font-style  font-weight   font-size/line-height  font-family}

使用font属性时,必须使用上述语法顺序,不能更换顺序,各顺序以空格隔开

不需要设置的属性可以省略,必须保留font-size font-family,否则font不起作用


推荐阅读
  • 类库下载composerrequirempdfmpdf3、控制器代码useMpdf\Mpdf;publicfunctioncreatePdf(){为了防止文件下载的时候出现跨 ... [详细]
  • 最近在网上下载了myeclipse2015的stable2.0版本做平时练习使用,但是正版的myeclipse是需要付费的,所以就找了一个破解方法,下面是破解步骤。myeclips ... [详细]
  • Python彻底搞懂中文乱码问题
    本文转自:https:blog.csdn.netjoyfixingarticledetails79971667感谢作者!前言曾几何时Python中文乱码的问题困扰了我很多很多年,每 ... [详细]
  • JetBrains RubyMine 2021 for Mac(Ruby代码编辑工具) v2021.2.2中文激活版
    内容介绍RubyMine2021一款全面的Ruby代码编辑器,可以识别动态语言细节。RubyMine破解版提供智能编码辅助,智能代码重构和深度代码分析功能。通过简单的项目配置,自动 ... [详细]
  • Win7操作系统建立无线虚拟wifi
    网络适配器中的microsoftvirtualwifiminiportadapter是windows7的隐藏功能,虚拟wifi。正确的运用这个功能,就可以把电脑当做路由器了。注 ... [详细]
  • css怎样让字体倾斜
    web前端|css教程cssweb前端-css教程党建网源码,vscode显示图片大小,ubuntu黑屏唤醒,tomcat首页出不来,华为爬虫网站,php上传文件改名,宁波seo优 ... [详细]
  • Centos 使用yum安装MongoDB 4.2
    1.配置MongoDB的yum源创建yum源文件:#cdetcyum.repos.d#vimmongodb-org-4.0.repo添加以下内容:(我们这里使用阿里云的源)[mng ... [详细]
  • Java IO流学习总结(2)
    写在前面:本文章基本覆盖了javaIO的全部内容,java新IO没有涉及,因为我想和这个分开,以突出那个的重要性,新IO哪一篇文章还没有开始写,估计很快就能和大家见面。照旧,文章依 ... [详细]
  • 扫描PDF是通过扫描的方式把纸质文档或者图片保存为PDF格式,扫描PDF本质上属于图像PDF,无法直接提取其中的文字。扫描而成的PDF文件如何转换成可编辑文本?今天就来和大家分享扫描件转 ... [详细]
  • 一、缓冲流缓冲流也叫高效流,是对四个基本的FileXxx流的增强,所以也是4个流,按照数据类型分为:字节缓冲流ÿ ... [详细]
  • 打开一个.txt类型的文件发现已经是乱码看右下角发现是ANSI格式我们打开nodepad新建一个空白文件接着选择格式→ANSI编码格式→将乱码复制→格式→选择编码字符集→Sh ... [详细]
  • Linux系统中lftp用法汇总:Linux众多操作中,lftp可用于ftp文件的下载上传,登陆ftp等,拥有多种使用方法,下面小编就针对lftp给大家做个详细介绍,感兴趣的朋友不 ... [详细]
  • 计算机程序的思维逻辑 (第7节更新)再谈乱码恢复
    在第6节和第7节,我们讨论了文本的二进制编码、乱码、以及恢复,第6节受到了很多读者的一致好评,但第7节有读者反馈解说的不太透彻,希望再详细一点,本文就 ... [详细]
  • db文件如果用记事本或者Notepad++打开,会显示乱码,改变编码不能解决问题,如果用UltraEdit打开,可以看到进制数据,但是无意义的。正确的方法有两种:(1)用sqlit ... [详细]
  • Ubuntu环境下MySQL安装与安全优化。安装sudoapt-getupdatesudoapt-getinstallmysql-servermysql-client#设置root ... [详细]
author-avatar
重报礼坊官肀网
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有