Css基础学习一：字体，文本，颜色，背景，边框，边距

1.      字体
设置字体：font-family

设置字号：font-size
字体样式：font-style:normal|italic|oblique(正常|斜体|歪体)

字体加粗：font-weight:normal|bold|bolder|lighter|number

(正常|粗体|加粗体|细体|数字一般是整呗，有九个级别100-900)

字体变体：font-variant：normal|small-caps

(正常|英文字母显示为小型的大写字母)

 

Font:font-family|font-size|font-style|font-weight|font-variant

 

2.      文本
字符间距：letter-spacing:normal|长度

单词间距：word-spacing:normal|长度

文字修饰：text-decoration:underline|overline|line-through|blink|none

(下划线|上划线|删除线|文字闪烁|默认)

文本排列：text-align:left|right|center|justify

(左|右|居中|两端对齐)

段落缩进：text-indent:长度|百分比

调整行高：line-height：normal|数字|百分比|长度

转化英文大小写：text-transform:uppercase|lowercase|capitalize|none

(所有有单子的字母大写|小写|每个单词的首字母大写|默认值)

 

3.      颜色背景

设置颜色：color

背景颜色：background-color

背景图片：background-image

背景附件：background-attachment:scroll|fixed

Scroll:表示背景图片随着滚动条的移动而移动，是浏览器默认值。

Fixed:表示背景图片固定在页面上不动，不随着滚动条的移动而移动。

设置重复背景图片：background-repeat:repeat|repeat-x|repeat-y|no-repeat
设置背景图片位置：background-position

 

Background:

 

4.      边框，边距，填白

Border, margin, padding

备注：border-width
1个属性值：上右下左均为该值；

2个属性值：前者表示上下的属性，后者表示左右边框的属性；

3个属性值：前者,上属性；中间，左右属性；后者：下属性；

4个属性值：上下左右的属性；

备注：margin:0auto; 上下边为0PX 左右自动适中