字体属性测试

最新推荐文章于 2021-07-31 03:09:14 发布

原创最新推荐文章于 2021-07-31 03:09:14 发布 · 888 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#字体属性

前端学习专栏收录该内容

16 篇文章

订阅专栏

<head>
    <meta charset="UTF-8">
    <title>字体属性测试</title>
    <link rel="stylesheet" href="test.css">
</head>
<body>
 <h1>海燕</h1>
<p class="c2"> 在苍茫的大海上</p>
<p class="c1">飞翔</p>
 <a href="www.baidu.com">百度</a>
<p class="c3">
 sdasaassadasddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
</p>
</body>
/*全局样式*/
* {
   font-family: "微软雅黑"，"PingFang SC" ;
    font-size:14px;
    font-weight:100;
}
.c1{
    font-weight:100;
}
.c2{
    font-weight: 900;
    /*color:red;*/
    /*color: rgb(255,255,0);*/
    color: #FF0000 ;
}
.c3{
    /*text-align: justify;*/
    text-decoration: underline;
    text-indent: 28px;
}
/*去掉a标签下划线*/
a{
    text-decoration: none;
}
/*首行缩进*/

font-family：全局字体
font-size字体大小
font-weight 黑色的程度
color 字体的颜色
text-decoration: underline; 加上下划线
text-decoration: none;去掉下划线
text-indent: 14px; 首行缩进
text-align: justify; 水平对齐