CSS学习之路-第1篇

前面的CSS选择器教程部分我就直接跳过，因为比较简单。。。

把我学的记录在博客上，这样就不会忘记了。

 

我这节学的是构造文本：

感觉这些代码也挺简单的，都是由简单的英语单词组成

但是说简单简单，说难也很难。。。

1.文本缩进

text-indent:值;

值为数字，最常用的数值单位是px（像素），也可使用百分比
（相对于屏幕长度的百分比）

Example：
text-indent:100px;
text-indent:10%;

2.文本对齐

text-align:对齐方式l

可以的值有：left（左对齐）center（居中对齐）right（右对齐）

3.文本行高

line-height:值;

line-height:20px;
line-height:120%;

默认为normal（不填写代码时的值）

4.字间隔（单词）

局限于英语单词，对中文无效

word-spacing:10px;

默认为normal

5.字母间隔

对中文(汉字)与英语(字母)都有效

letter-spacing:5px;

默认为normal

6.文字下划线

text-decoration(“装饰”的英语):值;

可用值有:underline 和 none 等，这两个是常用值

7.字体

font-family:字体名称;

字体名称是一般电脑中存在的字体，如微软雅黑、宋体、仿宋、楷体等

如果设置了字体后，用户电脑中没有该字体，则会使用默认字体显示。

多个字体用英文逗号隔开

font-family:字体1,字体2;

8.字体风格

font-style:值;

值有 normal italic oblique(italic 和 oblique 都是斜体)

9.字体大小

font-size:数值;

单位还是px

10.文本颜色

color:颜色值;

颜色值可以为颜色英语单词，也可以用颜色代码，当然主要还是用颜色代码

color:#ff0000

11.文本加粗

font-weight:值;

常用值：normal bold

下面我把提供这些教学资料的网址发出来，感谢私房库提供的这些教学资源！ 点我