DIVCSS 第二章 CSS文字与文本【eyoucms】

今天是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:是否斜体　是否同宽　是否粗体　大小　字体名称
例如:

三、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　　　　　元件往下端靠齐。

小秋同学 文章 站点 微博 加入收藏

这几天都在一直学习的做站，自己一口气做5套模板风格，实属有点吃力，但是总算还是有所收获，也相对满意自己做的风格，我依然还要再次做一个展示站，但是苦于没有域名备案的，空间好借，就是没域名  先临时再向别人借吧！