html字体播放,html-字体

字体大小

复习

/*字体可以写多个，优先使用前面的字体，如果前面的字体在浏览器解析时不存在，使用后面一个*/

.box {

font-family: 华文彩云, 楷书;

}

.box1{

font-size: 32px;

}

/*1em=父级字体大小，google浏览器为12-16px。2em=32px*/

.box2{

font-size: 2em;

}

/*相对于父级容器中box1的百分比调整*/

.son1{

font-size: 50%;

}

大家好啊

大家好啊

box1 son

大家好啊

大家好啊

-----

字体粗细

tittle

/*正常 较细 较粗 更粗*/

.box{

font-weight: normal;

}

.box1{

font-weight: lighter;

}

.box2{

font-weight: bold;

}

.box3{

font-weight: bolder;

}

/*- 给值*/

/*- `100-900`只能给整百数，值越大字体越粗*/

/*- `400`相当于正常的*/

/*- `700`相当于`blod`*/

大家好啊

大家好啊

box1 son

大家好啊

大家好啊

----

字体类型font-style

/*正常normal 斜体italic 倾斜oblique*/

字体颜色 font-color

直接给关键字color

16进制

rgb /*red freen blue*/

rgba /*red freen blue alpha透明程度*/

谈谈一些有趣的CSS题目(十二)-- 你该知道的字体 font-family

开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题 ...

Linux 桌面系统字体配置要略

字体显示效果测试 这一段是为了测试宋体字的显示效果,包括宋体里面自带的英文字体,“This is english,how does it look like?”.这一行是小字.后面几个字是加粗的宋体. ...

在 Ubuntu 14.10 中借用 Windows 的字体

在前一篇随笔中,我详细讨论了字体的分类及用途,也以 Fedora 20 为例,展示了字体配置的思路和方法.我在配置 Fedora 20 系统字体的时候,采用的是一种釜底抽薪的方法,完全抛开了系统原有的 ...

TODO：一不顺眼就换字体Go之代码篇

TODO:一不顺眼就换字体Go之代码篇 image包实现了一个基本的2D图像库,该包中包含基本的接口叫做image,这个里面包含color,这个将在image/color中描述:新增字体font,进行 ...

TODO：一不顺眼就换字体Go之应用篇

TODO:一不顺眼就换字体Go之应用篇 字体,文字的外在形式特征.就是文字的风格,是文字的外衣.好的字体让人看得舒服,让人更有看.写的欲望哦.2016-11-16 GO官方博客发布了同名Go字体,并没 ...

TODO：Go语言同名Go字体发布

TODO:Go语言同名Go字体发布 2016-11-16 Go语言官方博客发布了一款同名字体–Go字体.此字体族包括正常.粗体和斜体渲染,支持比例和等宽字体.此字体已经经过用于编程方面的技术测试,使用 ...

Android SearchView 自定义SearchIcon和字体颜色大小

自定义SearchView的搜索图标和字体属性相对复杂一些,记下来. 一.自定义SearchIcon 1.API版本低于21:版本小于21时,要修改SearchIcon比较复杂,需要先获取到Searc ...

Win10 字体模糊解决(DPI缩放禁用)，设置默认输入法英文

电脑坏了 , 换了新电脑, 但是新电脑,死活不能装win7, 装都不能装!!!郁闷了 好多地方字体模糊了,百般设置都不好看, 后来远程桌面到win2008server, 发现,在远程桌面里面居然很清晰 ...

Mardown字体颜色、背景色

Markdown字体颜色.背景色 字体颜色表 Markdwon测试 **粗体文字**,或__加文字__ 加粗 Markdown测试 *斜体文字*, 或_斜体_ 斜体 Markdwon测试 列表: 背景 ...

初学者--bootstrap(六)组件中的字体图标----在路上(9)

组件---字体图标 无数可复用的组件,包括字体图标.下拉菜单.导航.警告框.弹出框等更多功能. 1.如何使用:        出于性能的考虑,所有图标都需要一个基类和对应每个图标的类.把下面的代码放在 ...

随机推荐

使用Access-Control-Allow-Origin解决跨域

什么是跨域 当两个域具有相同的协议(如http), 相同的端口(如80),相同的host(如www.google.com),那么我们就可以认为它们是相同的域(协议,域名,端口都必须相同). 跨域就指着 ...

BZOJ 1026 【SCOI2009】 windy数

Description windy定义了一种windy数.不含前导零且相邻两个数字之差至少为2的正整数被称为windy数. windy想知道, 在A和B之间,包括A和B,总共有多少个windy数? I ...

【工作总结】LLDB调试技巧 - 篇一

备忘命令 : 命令“l”可以查看程序当前运行的位置 (lldb) l } - (void)rightBarButtonAction { 命令“bt”也能查看程序运行的调用栈 (lldb) bt * t ...

Arcgis for JS实现台风运动路径与影像范围的显示

首先,看看详细的效果: 初始化状态 绘制中 绘制完毕 首先,组织数据.我组织的数据是JSON的,数据的详细形式例如以下: 其次,实现思路. 1.加入显示路径. 依据起始点,生成polyline的JSO ...

WPF DataGrid 绑定行双击行命令

WPF DataGrid 绑定行双击行命令

django 分页函数

实现类似: 上一页 1 ... 4 5 7 8 ... 89 下一页 的效果 def pageGenerate(fullList,pagenum,urltype,type,currpage): pag ...

Forword(请求转发)与Redirect(重定向)	区别

1.从数据共享上 Forword是一个请求的延续,可以共享request的数据 Redirect开启一个新的请求,不可以共享request的数据 2.从地址栏 Forword转发地址栏不发生变化 Re ...

exchange 2010 邮件服务器owa证书更新

exchange 2010应用环境 四台前端服务器,两台位于DMZ区,两台位于办公网环境,办公网和DMZ的服务器做了NLB负载均衡,操作系统为windows server 2008 r2. 目前前端h ...

noip模拟题《序》sort

[问题背景]      zhx 给他的妹子们排序.[问题描述]      zhx有N个妹子,他对第i个妹子的好感度为ai, 且所有ai两两不相等.现在N个妹子随意站成一 排,他要将她们根据好感度从小到 ...