用html5代码打出一个王字,王老师html零基础学习笔记第6课——-font-size+特殊字符...

摘要：

font字体设置在html里面是经常涉及到的，调整字体的大小属性，包括CSS样式的设置属性

css样式(font+text)+特殊符号

一、color 控制字体颜色

1、十六进制值  #CC0066    #000   2、颜色单词

二、font-size 控制字体大小

单位:  px 像素

% 相对于父元素

em      取决自己使用字体大小

rem 取决于根元素html的字体大小

三、font-family 控制字体的类型

font-family:"黑体";(默认为微软雅黑)

四、font-style控制字体风格

normal：默认

italic：显示斜体的字体样式

oblique:显示倾斜的字体样式

五、font-weight 控制字体的粗细

1.关键词: font-weight:  bold加粗/normal正常

2. 数字:   font-weight:  100-900;

400=normal

700=bold

六、font-variant规定小型大写字母的字体

normal 默认值(正常显示)。

small-caps 小型大写字母。

七、字体复合样式：

Font的基本形:font:font-size font-family

font:font-weight font-variant font-style( font-size/line-height  font-family)

CSS控制文本

text-align 控制文字水平方向位置

1、left   水平距左  默认值

2、center 水平距中

3、right 水平距右

line-height  文字在竖直方向距中显示

line-height：25px;

text-decoration  向文本添加修饰

1、none 默认。  定义标准的文本。

2、underline          定义文本下的一条线。

3、overline       定义文本上的一条线。

4、line-through       定义穿过文本的一条线。

text-indent 缩进文本

1、em做单位 text-indent:2em;    1em代表一个汉字的距离

2、px做单位 text-indent:20px     16px=1em;

3、百分比  text-indent:200%;百分数要相对于缩进元素父元素的宽度。

4、使用负值 text-indent:-2em；

text-overflow (css3)规定当文本溢出时处理方式；

white-space:nowrap;

clip:修剪文本

ellipsis 被修剪的文本用略符号来代表(....)。

text-transform控制文本中的字母

none:默认，定义带有大写字母和小写字母的标准的文本

capitalize:文本中的每个单词以大写字母开头

uppercase：定义仅有大写字母

lowercase:定义仅有小写字母

letter-spacing 字(字母)间距

letter-spacing:20px;

word-spacing 词(单词)间距

word-spacing:20px;

white-space  换行方式

normal 默认  nowrap 文本不会换行，文本会在在同一行上继续，直到遇到

标签为止。

word-break: 强制换行

normal 默认   break-all 允许在单词内换行;

常用特殊符号