CSS教程

CSS(字体属性、文本属性)

本文主要是介绍CSS(字体属性、文本属性),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

三、CSS字体属性

3.1字体系列   font-family

例: p { font-family: " 微雅软黑";}

注意:

  • 各个字体之间必须使用英文状态下的逗号隔开
  •  一般情况下,如果有空格隔开的多个单词组成的字体,需要加引号0
  • 尽量使用系统默认字体

3.2字体大小 font-size

  • px(像素)大小是我们网页中最常用的单位
  • 谷歌浏览器默认的文字大小为16px
  • 不同浏览器可能默认的字体大小不一样,尽量给一个明确值大小
  • 可以给body指定整个页面文字的大小

3.3字体粗细  font-weight

  normal

默认值

bold

定义粗体

100-900

400=normal,700=bold,无单位

3.4文字样式 font-style

一般使用normal将倾斜体标签(em,i)改为不倾斜字体

3.5复合属性

font: font-style font-weight font-size/line-height font-family

  • 必须按照上面的顺序写属性值,每个属性值之间用空号隔开
  • font-size和font-family属性必须写

3.6总结

font-style

字体样式

斜体是italic,不倾斜是normal

font-weight

字体粗细

加粗是700/bold,不加粗是400/normal,无单位

font-size

字号

通常的单位是px像素,一定要有单位

font-family

字体

按照实际写字体

font

字体连写

1.有顺序,不能打乱  2.font-size和font-family必须出现

 

四、文本属性

文本的外观,比如文本的颜色,对齐文本、装饰文本、文本缩进、行间缩进等

4.1文本颜色  color

预定义的颜色值

red,green,blue等

十六进制

#ff0000,#ff6600,#ff29D794等

RGB代码

rgb(255,0,0)或rgb(100%,0%,0%)

4.2对齐文本  text-align

left

左对齐(默认值)

right

右对齐

center

居中对齐

4.3装饰文本 text-decoration

none

默认,无装饰线

underline

下划线,链接<a>自带下划线

overline

上划线

line-through

删除线

4.4文本缩进 text-indent文本第一行的缩进(单位px)

em是一个相对大小,就是当前元素一个文字的大小,如果当前没有设置大小,则会按照父元素的1个文字大小

4.5行间距 line-height

单位px 行高包括上、下间距和文本高度

这篇关于CSS(字体属性、文本属性)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!