CSS样式（二）——字体

最新推荐文章于 2024-08-10 22:43:21 发布

Alice__97

最新推荐文章于 2024-08-10 22:43:21 发布

阅读量266

点赞数

分类专栏：前端 CSS 文章标签： css

本文链接：https://blog.csdn.net/Alice__97/article/details/92842143

版权

前端同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

CSS

10 篇文章 0 订阅

订阅专栏

CSS文字样式

1.单位

单位	描述
px	像素
em	1em——1个字符；2em——2个字符自动适应用户所使用的的字体
%	百分比，相对于从父类继承的字体大小而言用百分比乘以默认继承字号即为当前字号

2.颜色

颜色	描述
red、blue、green	可以从W3C找到所有颜色名
rgb（x,x,x）	RGB值，每个颜色分量取值0-255 红色：rgb（255,0,0）；灰色（66,66,66）
rgb（x%,x%,x%）	RGB百分值，0%-100% 红色：rgb（100%，0%，0%）
rgba（x,x,x,a）	RGB值，透明度 a值：0.0（完全透明）；1.0（完全不透明）红色半透明：rgba（255,0,0,0.5）
#rrggbb	十六进制数，每两位表示一个颜色的分量红色：#ff0000；红色：#f00（去掉重复位）

3.文本

属性	描述	取值
color	文本颜色	red #f00 rgb(255,0,0)
letter-spacing	字符间距	2px -3px
line-height	行高	14px 1.5em 120%
text-aling	水平对齐	center left right justify（两端对齐）
text-decoration	装饰线	none overline underline line-through（删除线）
text-indent	首行缩进	2em

text-decoration：none；可以用来去掉超链接上的下划线
可以利用行高line-height设置垂直居中，将height和line-height设置为相同大小即可，如下代码文字“假如给我三天光明”将垂直居中

<!DOCTYPE html>
<html>
<head>
	<style type="text/css">
		p{
			height: 40px;
			background: red;
			font-size: 18px;
			line-height: 40px;
		}
	</style>
</head>
<body>
	<p>假如给我三天光明</p>
</body>
</html>

4.字体

font属性简化使用：

font：斜体粗体字号/行高字体；

如：font：Italic bold 16px/1.5em '宋体'；

属性	描述	取值
font	在一个声明中设置所有的字体属性	font:bold 18px '幼圆'
font-family	字体系列	font-family:"Hiragino Sans GB","Microssoft YaHei",sans-serif（优先使用第一个字体；字体名字中有空格时，需要加上双引号）
font-size	字号	14px 120%
font-style	斜体	italic
font-weight	粗体	bold

Alice__97

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS样式（二）——字体

CSS文字样式1.单位单位描述 px 像素 em 1em——1个字符；2em——2个字符自动适应用户所使用的的字体 % 百分比，相对于从父类继承的字体大小而言用百分比乘以默认继承字号即为当前字号 2.颜色颜色描述 red、blue、green ...
复制链接

扫一扫

专栏目录