目录

  • 1 商务网站项目策划与建设
    • 1.1 理解传统商务与电子商务
    • 1.2 商务网站项目的策划与实施
  • 2 商务网页设计
    • 2.1 商务网页视觉设计
    • 2.2 商务网页创意设计
    • 2.3 商务网页原型设计
  • 3 HTML网页制作技术
    • 3.1 网页基础知识
    • 3.2 文本设置方法
    • 3.3 图像设置方法
    • 3.4 超链接设置方法
    • 3.5 表格制作方法
    • 3.6 多媒体引用方法
    • 3.7 滚动字幕制作方法
    • 3.8 网页框架制作方法
  • 4 CSS网页样式制作技术
    • 4.1 CSS基础知识
    • 4.2 设置文字属性
    • 4.3 用CSS设置图像效果
    • 4.4 用CSS设置表格样式
    • 4.5 用CSS设置超链接伪类及伪元素
    • 4.6 采用DIV与SPAN制作网页
    • 4.7 用CSS设置元素的边框与边距
  • 5 网页图像制作
    • 5.1 准备图像素材
    • 5.2 制作网页图像
  • 6 商务网页制作实战
    • 6.1 商务网页制作步骤
    • 6.2 商务网页制作实例
  • 7 课程总复习及答疑
设置文字属性

文本样式包括文本的文字属性(包括字体、字号、粗体字、斜体字、字间距等)和文本的段落属性等

4.2.1  设置文字属性

1.设置字体

CSS中,设置字体的属性需要使用文字类标签选择符、类选择符或ID选择符,及其字体属性font-family(也可以使用font属性为所有文本设置字体属性)。

2.设置字的大小


                                                                                       

 

序号

 
 

表达形式

 
 

 
 

含义及描述

 
 

1

 
 

英文单词

 

表示绝对大小

 
 

xx-small

 
 

最小

 
 

x-small

 
 

很小

 
 

small

 
 

 
 

medium

 
 

中等

 
 

large

 
 

 
 

x-large

 
 

很大

 
 

xx-large

 
 

最大

 
 

2

 
 

英文单词

 

表示相对大小

 
 

smaller

 
 

font-size设置为比父元素更小的尺寸

 
 

larger

 
 

font-size设置为比父元素更大的尺寸

 
 

3

 
 

固定数值表示

 

度量单位

 
 

px

 
 

像素(如果没有度量单位,系统默认为px

 
 

pt

 
 

磅,1px=1/72in

 
 

in

 
 

英寸

 
 

em

 
 

指的是字符宽度的倍数。如:0.8em1.2em2em

 
 

4

 
 

百分比

 
 

%

 
 

font-size 设置为基于父元素的一个百分比

 
 

5

 
 

继承

 
 

inherit

 
 

从父元素继承的属性值

 

3.设置粗体字

4.设置斜体字

5.设置文字颜色

4.2.2  设置段落属性

1.设置字符间距和单词间距

2.设置文本缩进

3.设置文本对齐

4.设置行高

4.2.3  用CSS设置文本综合范例