前端开发：字体属性

1.设置字体家族

也就是使用宋体还是微软雅黑

2.设置字体大小

3.设置字体颜色

4.设置字体粗细

5.设置文字样式

<style>

        div{

            font-family: '宋体';        //设置字体家族

            font-size:50px;        //设置字体大小

            color:red;                //设置字体颜色；这三种方式都可以

            color: #1ecd79;

            color:rgb(255,0,0);

            font-weight: bold;        //将字体变粗

            font-weight: 100;        //也可以使用数值控制

            font-weight: lighter;    //将字体变细

        }

</style>

<div>这是宋体</div>

 6.将字体变倾斜

/* 设置倾斜 */

font-style : italic ;

/* 取消倾斜 */

font-style : normal ;

7.文本对齐

控制文字水平方向的对齐

text-align : [ 值];        align:对齐方式

常见的有这几种，其他请看菜鸟教程的html的css教程；

center: 居中对齐

left: 左对齐

right: 右对齐

8. 首行缩进

text-indent : [ 值];        indent：缩进（行、段落、列表等）

单位可以使用 px 或者 em.

使用 em 作为单位更好 . 1 个 em 就是当前元素的文字大小 .

缩进可以是负的 , 表示往左缩进 . ( 会导致文字就冒出去了 )

9.文本装饰 

text-decoration : [ 值];         decoration：装饰、装修、装束物；

更多值请看菜鸟教程：

underline 下划线 . [ 常用 ]

none 啥都没有 . 可以给 a 标签去掉下划线 .

overline 上划线 . [ 不常用 ]

line-through 删除线 [ 不常用 ]

10.行高 

line-height : [ 值 ];

: 行高 = 上边距 + 下边距 + 字体大小

HTML 中展示文字涉及到这几个基准线 :

顶线 、中线 、基线 ( 相当于英语四线格的倒数第二条线 ) 、底线

原文地址：https://blog.csdn.net/qincjun/article/details/145100275

免责声明：本站文章内容转载自网络资源，如侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！