首页 / CSS / CSS属性（字体与文本属性）

CSS属性（字体与文本属性）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了CSS属性（字体与文本属性），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1033字，纯文字阅读大概需要2分钟。

内容图文

 

1.字体属性

（1）font-family 把要对这个网站要设置的字体都写上，如果这个浏览器支持第一个字体，则会用，如果不支持则会尝试第二个，如果设置的字体系统都不支持则会使用系统默认的字体作为网站的字体

技术分享图片

 

（2）字重（

font-weight

）

技术分享图片

技术分享图片

 

2.文字属性

技术分享图片

技术分享图片

技术分享图片

 

            /*
            
我这个文件是用来干什么的
小强
日期

            */
            /*
            全局通用样式
            */
            
* {
    font-family: "Microsoft YaHei UI", "Arial";
    font-size: 14px;

}



/*类选择器样式*/
.c1 {
    font-weight: 100;
}

.c2 {
    font-weight: 900;
    color: rgb(255, 0, 0);
    color: #FF0000;
    color: rgba(255, 0, 0, 0.3);
}

.c3 {
    /*text-align: center; !*文本的对齐方式是什么, center是剧中*!*//*text-align: right;  !*右对齐*!*/
    text-align: justify; /*两端对齐*/
}

 

            <!
            DOCTYPE html
            >
            <
            html 
            lang
            ="zh-CN"
            >
            <
            head
            >
            <
            meta 
            charset
            ="UTF-8"
            >
            <
            title
            >字体属性测试</title><link rel="stylesheet" href="test.css"></head><body><h1>海燕</h1><p>
    在苍茫的大海上
</p><p class="c0">默认的p</p><p class="c1">c1 100</p><p class="c2">c2 900</p><p class="c3">射雕英雄传、笑傲江湖、倚天屠龙记、白发魔女传、刀光剑影</p><div class="c3">围城</div></body></html>

 技术分享图片

 

原文：https://www.cnblogs.com/whylinux/p/10105484.html

内容总结

以上是互联网集市为您收集整理的CSS属性（字体与文本属性）全部内容，希望文章能够帮你解决CSS属性（字体与文本属性）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1151446.html

来源：【匿名】