突然想到这个东西,把它写成记忆的方法css3字体描边css3字体描边,也很简单。
文章目录
效果如下:
CSS代码
主要用途是文本阴影效果:文本阴影。
文本阴影兼容性:Internet Explorer 10、Firefox、Chrome、Safari 和 Opera 支持
.content {
font-size:50px; /*字体大为了明显显示效果*/
text-shadow: 0 0 1px #63a35c; /*描边颜色自己定义*/
color:#fff; /*字体颜色白色,看着有镂空效果*/
}
网页代码
<div class="content">中文描边效果</div>
所有代码
<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>文字描边效果</title>
<style>
.content {
font-size:50px; /*字体大为了明显显示效果*/
text-shadow: 0 0 1px #63a35c; /*描边颜色自己定义*/
color:#fff; /*字体颜色白色,看着有镂空效果*/
}
</style>
</head>
<body>
<div class="content">中文描边效果</div>
</body>
</html>
在网站建设过程中,网页字体的选择也非常重要。 良好的字体设置会带来很多好处。 选择正确且易于阅读的字体将对网站的用户体验产生巨大影响。 使用易于阅读的字体非常重要。 字体为您的文本增添价值。 为字体选择正确的颜色和文本大小也很重要。 在网页中,我们经常会为网页的英文字符设置字体,我们可以使用font-family来实现网页字体的设置。 CSS 通用字体系列
在 CSS 中css3字体,有五种通用字体系列:
所有不同的字体名称都属于这五个通用字体系列之一。
Serif 和 Sans-serif 字体的区别如下:
提示:无衬线字体被认为比计算机屏幕上的衬线字体更容易阅读。
CSS 字体设置
在 CSS 中,文本的字体是使用 font-family 属性指定的。
font-family 属性应包含多个字体名称作为“后备”系统css3字体,以确保浏览器/操作系统之间的最大兼容性。 从您想要的字体开始,以通用系列结束(如果没有其他可用的字体,让浏览器从通用系列中选择类似的字体)。 字体名称应该用冒号分隔。 如果字体名称超过一个单词,则必须用冒号括起来,例如:“Times New Roman”。
例子:
.p1 { font-family: "Microsoft YaHei","Times New Roman", Times, serif; }
CSS通用字体家族字体名称常用英文字体示例
衬线
英语字体格式一种
乔治亚州
加拉蒙德
无衬线字体
宋体
韦尔达纳
黑体
等宽字体
快递新
露西达控制台
摩纳哥
草书
刷脚本MT
露西达手写
幻想
铜版
纸莎草纸
CSS常用英文字体
windows平台下,常用的网页字体如下:
粗体:SimHei
泰晤士新罗马字体:SimSun
新歌:NSimSun
仿宋:方宋
斜体:KaiTi
仿宋_GB2312:仿宋_GB2312
KaiTi_GB2312: KaiTi_GB2312
微软雅黑: 微软雅黑
发表评论