CSS字体样式属性和文本样式属性

1.font-size

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

2.font-family

字体样式设置
font-family: "微软雅黑";

3.font-weight

字体加粗
font-weight: bold;
bold相当于700加粗
normal相当于400不加粗,可以让粗体不加粗
建议用数字,数字解析快

4.font-style

font-style: normal;
normal:正常显示字体,可以让斜体变得不倾斜
italic:倾斜显示字体

5.字体连写

字体连写是有顺序的
font: font-style font-weight font-size/line-height font-family;
其中font-size和font-family不能省略,其他的可以省略自动取默认值

6.color

颜色属性
color: #2fceff;

1.预定义颜色,如red,green,blue等。
2.十六进制,如#FF0000,#FF6600,#29D794等。
3.RGB代码,如红色可表示为rgb(255,0,0)或rgb(100%,0%,0%)。

7.line-height

刚间距,行高,行与行之间的距离
line-height: 24px;
正常情况下比字号大个7,8像素就行了

8.text-align

text-align: center;
设置文本内容的水平对齐方式,有 left,center,right,默认是left。

9.text-indent

text-indent: 2em;
首行缩进,单位em,1em就是一个字的距离

10.text-decoration

text-decoration: overline;
给文本加线
underline 下划线
overline 上划线
line-through 删除线
none 取消线

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 深入理解傅里叶变换Mar 12, 2017 这原本是我在知乎上对傅立叶变换、拉普拉斯变换、Z变换的联系?为什么要进...
    价值趋势技术派阅读 5,824评论 2 2
  • 尝试和大家一起探讨以下问题: view绘制渲染机制和runloop什么关系? 所谓的列表卡顿,到底是什么原因引发的...
    朽木自雕也阅读 3,066评论 4 9
  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 2,049评论 1 4
  • 前两天,偶然在地方台看到一则新闻,一位六十多岁的老人,为了女儿的幸福,谎称外出打工,实为在外流浪拾荒。报道称,老人...
    李在在阅读 437评论 0 2
  • 2017年12月6日晴 今天晚上回来的气候已经是7:00左右啦,我今天被评为我们店最佳敬业奖,奖励500元包包一个...
    耿钰茜妈妈阅读 151评论 0 0