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对象内字母或英文单词是否是大写或小写,都将会把这些大写字母都会变成小写显示。