本文编辑:小编

DIVCSS 第二章 CSS文字与文本【易掌柜CMS】

小编 2020-03-26 20:58:09

今天是CSS的第二章,主要是3点内容:1、CSS 中长度与颜色;2、CSS 中的文字属性;3.CSS 中的文本属性。

一、CSS 中长度颜色

1、长度单位说明

in 英寸
cm 公分
mm 公里
cm 以目前字体高度为单位
ex 以小写字母高度为单位(大部分不支持)
pt 1pt/72英寸
pc 1pc/12pt
px 像素(推荐使用)

2、颜色单位: 说明

十六进制如:color:#ff0000
颜色名称如:color:red
三原色单位如:rgb(255,0,0)
一般最常用的是十六进制,三原色单位的原理【红(r),绿(g),蓝(b)】混合而成,每个值域在0-255之间。

二、CSS 中的文字属性

属性名称  属性值  说明
font-style  normal  正常显示
italic    斜体
font-variant normal  正常显示
     small-caps  将英文大小写字母写调为同宽
font-weight normal  正常显示
      bold 粗体
font-size  像素     字体大小
     百分比    字体大小
font-family  字体名称  设置字体名称

font属性简化的使用方法:

font:是否斜体 是否同宽 是否粗体 大小 字体名称
例如:

  1. font:italic bold 200 隶书

复制代码

三、CSS中的文本属性

属性名称  属性值   说明
color    十六进制  颜色
      英文名称  颜色
      三原色单位 颜色
letter-spacing normal  正常显示
      长度文本  间隔
word-spacing normal 正常显示
       数字单词  间距
white-space normal   文本自动处理换行
       pre    换行和空白受保护
      nowrap   强制在同一行显示
text-align  left     文字靠左
      right     文字靠右
      center    文字靠中
text-decoration none  正常显示
        underline  加上下划线
        overline   加顶线
        line-through 加删除线
text-indent   长度     首行缩进
        百分比    同上
line-height    像素     行高
       数字/百分比   行高
text-transform none     正常显示可以包含大,小字符
        capitalize   字符串第一个字符大写
        uppercase   设置大写字符
        lowercase    设置小写字符
vertical-align  sub       设置文字为下标。
       super       设置文字为上标。
        top      元件往上端靠齐。
       middle     设置文字是在中线位置。
       bottom     元件往下端靠齐。


发表评论

加载中~