css字体样式属性掌握清单

2020-04-11 22:24:42 网页总字体样式有哪些CSS样式?需要掌握的关于文字字体的样式清单列表。

CSS字体样式清单如下:

1、字体加粗

CSS字体粗体加粗单词:font-weight,通常设置值为blod,与HTML strong标签和b标签功能相同。

语法:span{font-weight:blod}

设置span内文字加粗。

2、字体颜色设置

字体颜色单词:color

p{color:#000000}

设置p段落标签内字体颜色为黑色(#000000)

3、字体

字体设置的单词:font-family

div{font-family:"黑体"}

设置div默认字体为黑体字

4、字体大小

css单词:font-size

语法:

body{font-size:14px}

设置网页body内初始化文字大小为14px

5、字体划线样式

单词:text-decoration

1)、text-decoration:none 设置值为none时,去掉下划线功能,比如默认a超链接字体是有下划线的,设置此样式就可以去掉默认a超链接文字的下划线。a{text-decoration:none}

2)、text-decoration:underline 设置值underline,设置下划线。 比如默认去掉a超链接下划线,但商标悬停超链接文字上的时候显示下划线就能用上。

a{text-decoration:none}
a:hover{text-decoration:underline}

3)、text-decoration:line-through,设置值为line-through,设置文字字体中间划痕删除线。

6、字体之间间距

字间距CSS单词:letter-spacing

语法:

p{letter-spacing:2px}

设置p段落内文字之间间距为2px

7、字体行高

上下行文字行高:line-height

语法:

p,div{line-height:22px}

设置p和div内文字行高为22px,值越大上下行上下排的文字间距越大。

8、字体斜体

斜体CSS单词:font-style

语法:

strong{font-style:italic}

设置了加粗标签strong内字体斜体显示。与<i>标签功能相同。

9、英文单词首字母大写

无论英文单词还是拼音首字母都会被强制大写显示,CSS属性单词text-transform,值为capitalize。

语法:

p{text-transform:capitalize}

无论p段落内英文还是拼音字母首字母无论大小写都会被大写显示。比如a显示为大写A,t大写显示为T.

10、英文字母全部大写

单词与值:text-transform:uppercase

语法:

div{text-transform:uppercase}

无论div内字母或英文单词是否是大写,都将会把这些字母都会变成大写显示。

11、英文字母全部小写

单词与值:text-transform:lowercase

语法:

.abc{text-transform:lowercase}

无论class=abc对象内字母或英文单词是否是大写或小写,都将会把这些大写字母都会变成小写显示。

更新