Web前端开发基础（HTML+CSS+JavaScript）课件 第5章 CSS字体、文本和背景.pptxVIP

第五章CSS字体、文本和背景

第五章CSS字体、文本和背景

讲师:

日期:

Web前端开发基础

1

第五章CSS字体、文本和背景

学习目标

掌握HTML标签的使用方法和应用场景

理解并应用CSS的基础和高级属性

学习CSS的三大特性：层叠性、继承性和优先级

Web前端开发基础

2

第五章CSS字体、文本和背景

5.1CSS字体属性

font-family字体

通过font-family设置字体类型

语法：元素{font-family:字体1,字体2;}

多个字体以逗号分隔，优先从左到右显示

!DOCTYPEhtml

htmllang=en`

head`：

metacharset=UTF-8

`title`

字体/ti_

t-l:;-e:;:(,,)`

style`div{

font-family:宋体;}-s:pan;:(,,){：{font-family:黑体;}/-s:ty;le:(,,)/head

`body

``div`第一种字体/’div’

=-:;-:;:(,,)`span=-:;-:;:(,,)`第二种字体/’span’

`/body

/`html

Web前端开发基础

3

第五章CSS字体、文本和背景

font-size字体大小

通过font-size设置字体大小

语法：元素{font-size:;