CSS课件CSS字体样式属性_第1页
CSS课件CSS字体样式属性_第2页
CSS课件CSS字体样式属性_第3页
CSS课件CSS字体样式属性_第4页
CSS课件CSS字体样式属性_第5页
已阅读5页，还剩1页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

学习目标掌握font-family、font-size、font-weight、font-style、以及word-wrap属性及其属性之的含义；理解@font-face规则，能运用其定义服务器字体；能利用几种字体样式属性美化文字页面。案例解析属性表属性允许取值描述font-size：字号大小1em、2.5em等em表示相对于当前对象内文本的字体尺寸。5pxpx表示像素。font-family:字体“微软雅黑“等网页中常用的字体有宋体、微软雅黑、黑体等。font-weight:字体粗细normal

默认值，定义标准的字符。bold

定义粗体字符。bolder

定义更粗的字符。lighter

定义更细的字符。100~900（100的整数倍）

定义由细到粗的字符，其中400等同于normal，700等同于bold，值越大字体越粗。font-style:字体风格normal默认值，浏览器会显示标准的字体样式。italic浏览器会显示斜体的字体样式。oblique浏览器会显示倾斜的字体样式。word-wrap：

长单词或URL自动换行normal

只在允许的断字点换行（浏览器保持默认处理）。break-word

在长单词或URL地址内部进行换行。属性表

选择器{font:font-style||font-weight||font-size||line-height||font-family;}字体风格字体粗细字号大小字体行高font属性用于对字体样式进行综合设置,字体合写，语法如下所示。CSS3@font-face规则@font-face是CSS3的新特性，用于定义服务器字体。通过@font-face规则，开发者便可以使用用户计算机未安装的字体。@font-face规则的语法格式如下所示。@font-face{

font-family:<YourWebFontName>;src:<source>[<format>][,<source>[<format>]]*;

[font-weight:<weight>];

[font-style:<style>];

}YourWebFontName：自定义的字体名称，最好是使用下载的默认字体（下载回来的叫什么字体，这里就填什么字体名）。source：此值指的是自定义的字体的存放路径，可以是相对路径也可以是绝对路径。format：此值指的是自定义的字体的格式，主要用来帮助浏览器识别，其值主要有以下几种类型：truetype、opentype、truetype-aat、embedded-opentype、svg等；动手体验要

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论