WEB笔记-5、字体和文本

字体样式

  • font-family
  • font-size
  • font-weight
  • font-style
  • font-variant
  • font(简写)

常用字体：

  • serif，衬线字体，每个字符笔画末端会有装饰线
  • sans-serif，也就是无衬线字体，字符笔画的末端没有装饰线；
  • monospace，等宽字体
  • cursive，手写体，
  • fantasy，奇怪字体

清爽字体栈

helvetica，arial，sans-serif

font-size:

字体单位：em一个字体位置大小，浏览器默认1em=16px，通常方便起见可以设置body{font-size：62.5%;} 16*62.5% = 10px; 使得1em=10px方便计算。

文本样式

  • text-indent 　　控制文本缩进，会被继承
  • letter-spacing   字符间距
  • word-spacing    单词间距
  • text-decoration 文本装饰（underline、overline、line-through、blink、none）
  • text-align         文本对齐
  • line-height        行高
  • text-transform   文本转换，大小写
  • veritical-align     垂直对齐，设置上下标可以使用
时间： 2024-12-25 08:18:31

WEB笔记-5、字体和文本的相关文章

字体和文本

字体 网页中的字体有三个来源. 1.用户机器中安装的字体.(直到最近,这些字体还是能在网页中放心使用的唯一一批字体.) 2.保存在第三方网站上的字体.最常见的是 Typekit 和 Google,可以使用 link 标签把它们链接到你的页面上. 3.保存在你的 Web 服务器上的字体.这些字体可以使用@font-face 规则随网页一起发送给浏览器. 以下就是与字体样式相关的 6 个属性. ? font-family ? font-size ? font-style ? font-weight

《写给大家看的CSS书》第三章：字体与文本

一.字体与文本 字体与文本的区别: 字体主要涉及文字的大小和外观(可应用于单个字符). 文本主要涉及对字体的处理(只能应用于文本块) 二.指定字体 CSS中指定字体的最简单方式,就是使用五种通用的字体集合 serif :该字体在字符笔画末端有叫做衬线的小细节(Time New Roman.Georgia.Palatino) sans-serif:末端无任何细节(Trebuchet MS.Arial.Verdana) monospace:每个字母宽度相等(例如,i与m具有相同的宽度),通常用于排版

Perl语言学习笔记 9 正则表达式处理文本

1.替换 s/PATTERN/REPLACE/; #返回是否替换成功的布尔值 可以使用捕获变量,如:s/(\w)/$1/ 匹配失败则不做任何处理 2.定界符 对于没有左右之分的定界符,重复三次即可,如:s///.s### 对于有左右之分的定界符,需使用两对,一对包含模式,一对包含替换字符串,这两对可以不一样,如:s{}{}.s[]{}.s<>[] 3.可选修饰符 /g可进行全局替换,替换所有匹配到的字符串,如:s/ / /g /s:使得 . 匹配所有字符 /i:大小写无关 4.绑定操作符 $f

移动web笔记

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1″>      http://hi.baidu.com/lansesansan/item/e6411bce3fb8c25ebdef6931 移动web笔记,布布扣,bubuko.com

MFC字体与文本输出

字体 成员函数 1.CFont( ); 构造一个CFont对象.此对象在使用之前应该先使用CreateFont.CreateFontIndirect.CreatePointFont或CreatePointFontIndirect初始化. 2. BOOL CreateFont( int nHeight, int nWidth, int nEscapement, int nOrientation, int nWeight, BYTE bItalic, BYTE bUnderline, BYTE cS

05使用CSS设置字体和文本样式

使用CSS设置字体和文本样式: 1.定义字体类型font-family 用法: font-family:name; font-family:ncursive|fantasy|monospace|serif|sans-serif name表示字体名称,可指定多种字体,用空格隔开.按优先顺序排列.如果字体名称包含空格,则应该使用括号()括起来. font是一个复合属性,所谓复合属性是指该属性能够设置多种字体属性,用法如下: font:font-style||font-variant||font-we

cocosstdio之字体之文本和FNT字体

FNT字体和文本字体的作用是:导入字体资源可以使用字体资源便可以使用其资源内的字体来在程序中使用 不同的是FNT字体资源内容比较少,所以个人猜想可以在特定情况下使用: 两种字体资源对比: 赋值过程对比:

VS2010/MFC字体和文本输出：文本输出

字体和文本输出:文本输出 本节主要讲解文本输出的方法和实例. 文本输出过程 在文本输出到设备以前,我们需要确定字体.字体颜色和输出的文本内容等信息.Windows窗口的客户区由应用程序管理,所以我们还要在应用程序中控制输出文本的格式,例如后续字符的位置.换行等格式. 由此,文本的输出过程大致包括确定字体信息.格式化文本和执行输出操作三个步骤.下面分别讲解. 1.确定字体信息 文本在输出以前应该先确定字体信息,或者是当前正在使用的字体,或者是自定义的字体,之后就可以根据确定的字体来显示文本或者利用

使用Windows 10 Microsoft Edge做WEB笔记

微软最新的Windows 10安装好了以后你会发现IE浏览器的样子发生了很大的变化,其实不是浏览器变了,而是你打开的不是IE是Microsoft Edge.他是一个全新内置于Windows内的浏览器,具有超快的访问速度,同时也具备强大的功能,例如我们现在看到的这个功能,"WEB笔记" 本功能很简单在浏览器窗口左上角有个开启笔记的按钮. 笔记功能开启后窗口会出现类似Onenote的界面,我们可以很轻松的在Web页面中进行标记,可以用笔画进行标记,也可以记录文字标注.标记完成后我们可以保存

CSS(2)---css字体、文本样式属性

css字体.文本样式属性 这篇主要讲CSS文本属性中的:字体样式属性 和 文本样式属性. 一.字体样式属性 CSS 字体属性主要包括:字体设置(font-family).字号大小(font-size).字体粗细(font-weight).字体风格(font-style).字体颜色(color). 1.字体设置(font-family) 网页中常用的字体有 宋体.微软雅黑.黑体 等,例如将网页中 所有p标签的字体设置为微软雅黑,可以使用如下CSS样式代码: p { font-family:"微软雅