- 1、本文档共38页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
网页设计基础7
第七讲 CSS之”文字与色彩” 使用css控制字体 网页上的字体对页面样式起了不可忽视的影响,在css中,我们通过与font相关的一些属性控制字体。 字体 什么是 font-family 我们已经知道font-family使用来控制页面字体样式的,并且我们拥有多种font-family的选择,但是,究竟font-family 是什么含义,为什么不直接用font, 还要加个family呢? family中有很多成员,那么一种font-family是不是也包含多个成员呢? Serif Family serif family包括一系列字体,这些字体的字母在笔画的末端都具有截线。 Sans-serif family 单词“sans”在法语中的含义是“没有”,所以Sans-serif字体就是指笔画末端没有截线的字体。 Sans-serif字体的粗细几乎是单一的。 Monospace Family 前缀“mono-”的含义是“相等的”,所以这类字体的特点是各个字符的间距是固定不变的。 Cursive Family 这类字体的特点是看上去很像是手写出来的,比较适合做标题。 Fantasy Family 这类字体的特点是带有奇幻色彩,可以下载安装后使用。 常见web字体 字体大小 参考答案body{ font-size: 14px;}h1{ font-size: 21px;}h2{ font-size: 17px;} 字体大小单位px--像素 字体大小单位%--百分比 字体大小单位em—字体高 字体大小单位keyword—关键词 可以使用xx-small,x-small,small,medium,large,x-large,xx-large等关键词来定义字体大小 关键词定义字体的大小依次递增20% 一般地,small约为12px 字体颜色 字体颜色取值—关键词 Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 字体颜色取值—RGB比例 字体颜色取值—16进制色彩代码 常用色彩代码 字体粗细 body{ font-weight: bold;}a{ font-weight: lighter;}h1{ font-weight: bolder;} 字体装饰 body{ text-decoration: line-through;} 文字行高 字符间的空白 课堂练习 为bodyshop.html制作一个外部css-bodyshop.css,实现如右图的字体样式: 1、“市场价格”呈灰色删除 2、“本站价格”字体大小 1.75em,红色,加粗 课后作业 解释下列css属性的含义 font-family font-size color font-weight text-decoration Line-height Letter-spacing 上机练习 见课程网站实验七 body{ font-size: 12px; } h1{ font-size: 150%; } %定义的字体大小,实际上是以浏览器默的字体大小为参数,计算出的相对的字体大小。任意浏览器的默认字体是16px em指字体高,任意浏览器的默认字体高是16px 所以 1em=16px,12px=0.75em em有如下特点: 1. em的值并不是固定的 2. em会继承父级元素的字体大小 body{ font-size: small; } body{ font-family: “宋体”,”黑体”; font-size:0.75em; color:red;} 通过color(注意不是font-color)来设置字体颜色。颜色的取值可以是关键词,RGB比例,或者16进制的色彩代码。 白色white 以上是常见的颜色关键词 通过设定R(红色), G(绿色),B(蓝色) 三原色的比例,来取 值色彩,例如 RGB(125,154,239) 通过一个16进制数来取值色彩,例如 #7d9aef,其中#表示这是一个16进制数 body{ font-family: “宋体”,”黑体”; font-size:0.75em; color:red; font-weight:bold;} 通过font-weight来设置字体粗细。 font-weigh
您可能关注的文档
最近下载
- 专题02 宇宙中的地球-5年(2020-2024)高考1年模拟地理真题分类汇编(北京专用)(解析版).docx VIP
- 城市绿地分类标准 .pdf VIP
- 营养指导员题库.docx VIP
- 专题01 地球和地图-5年(2020-2024)高考1年模拟地理真题分类汇编(北京专用)(解析版).docx VIP
- 四年级【语文(统编版)】古诗三首(第一课时)课件 .pptx
- 质量管理体系工具统计技术.pptx VIP
- 2022年茅台考试真题及答案——计算机专业.pdf
- 发电机短路试验中转子接地保护误动作分析及关键问题探讨.pdf VIP
- Silvaco傻瓜教程—张林—长安大学—2018.06.pdf
- SpringBoot学习笔记(实用完整版).pdf VIP
文档评论(0)