CSS第九周笔记（1）

一·CSS文本格式

        1.文本颜色

        颜色属性被用来设置文字的颜色。

        颜色是通过CSS最经常的指定：

• 十六进制值 - 如: ＃FF0000
• 一个RGB值 - 如: RGB(255,0,0)
• 颜色的名称 - 如: red

        

         2.文本的对齐方式

        （1）文本排列属性是用来设置文本的水平对齐方式；文本可居中或对齐到左或右,两端对齐。

        （2）当text-align设置为"justify"，每一行被展开为宽度相等，左，右外边距是对齐（如杂志和报纸）。

        3.文本修饰

         text-decoration 属性用来设置或删除文本的装饰

 

        4.文本转换

        文本转换属性是用来指定在一个文本中的大写和小写字母；可用于所有字句变成大写或小写字母，或每个单词的首字母大写。

        5.文本缩进

         文本缩进属性是用来指定文本的第一行的缩进。

        

 所有CSS文本属性

属性	描述
color	设置文本颜色
direction	设置文本方向。
letter-spacing	设置字符间距
line-height	设置行高
text-align	对齐元素中的文本
text-decoration	向文本添加修饰
text-indent	缩进元素中文本的首行
text-shadow	设置文本阴影
text-transform	控制元素中的字母
unicode-bidi	设置或返回文本是否被重写
vertical-align	设置元素的垂直对齐
white-space	设置元素中空白的处理方式
word-spacing	设置字间距

 二·CSS字体

        1.作用

        CSS字体属性定义字体，加粗，大小，文字样式。

        2.字型

        （1）通用字体系列 - 拥有相似外观的字体系统组合（如 "Serif" 或 "Monospace"）；

        （2）特定字体系列 - 一个特定的字体系列（如 "Times" 或 "Courier"）；

Generic family	字体系列	说明
Serif	Times New Roman Georgia	Serif字体中字符在行的末端拥有额外的装饰
Sans-serif	Arial Verdana	"Sans"是指无 - 这些字体在末端没有额外的装饰
Monospace	Courier New Lucida Console	所有的等宽字符具有相同的宽度

        3.字体系列

         font-family 属性设置文本的字体系列；（注意: 如果字体系列的名称超过一个字，它必须用引号，如Font Family："宋体"。）

        

 

        4.字体样式

         用于指定斜体文字的字体样式属性：

                                                                （1）正常 - 正常显示文本；

                                                                （2）斜体 - 以斜体字显示的文字；

                                                                （3）倾斜的文字 - 文字向一边倾斜（和斜体非常类似，但不太支持）

         

        5.字体大小 

        （1）font-size 属性设置文本的大小，字体大小的值可以是绝对或相对的大小；

        （2）绝对大小：

• 设置一个指定大小的文本
• 不允许用户在所有浏览器中改变文本大小
• 确定了输出的物理尺寸时绝对大小很有用

        （3）相对大小：

• 相对于周围的元素来设置大小
• 允许用户在浏览器中改变文字大小

        6.用em设置字体大小

        使用 em 单位代替像素；em的尺寸单位由W3C建议；1em和当前字体大小相等，在浏览器中默认的文字大小是16px。

        

 

所有CSS字体属性

Property	描述
font	在一个声明中设置所有的字体属性
font-family	指定文本的字体系列
font-size	指定文本的字体大小
font-style	指定文本的字体样式
font-variant	以小型大写字体或者正常字体显示文本。
font-weight	指定字体的粗细。