web前端——css3学习笔记（二）

CSS文本样式

1.字体样式

1. color 为字体指定颜色
2. font-size 为文字指定大小
3. font-family 为文字指定特殊的字体，浏览器只会使用浏览器可以访问到的字体。
   取值可以为
   （1）通用字体
   （2）常用字体（如微软雅黑，宋体等）
   （3）字体栈（由于我们不能保证我们的字体有效，可以一次性指定多个字体，如果第一个字体无效则使用下一个字体，以此类推。一般将字体栈中最后一个字体设置为通用字体）
   （4）WebFont（加载网络字体进行显示）
   （5）字体图标（流行的开源字体图标库font-awesome（http://fontawesome.dashgame.com/ ）iconfont （http://www.iconfont.cn/））
4. font-style 用于打开和关闭斜体文本。
   （1）normal ，【默认】正常字体，关闭斜体
   （2）italic，斜体
   （3）oblique，模拟斜体
5. font-weight 为字体设置粗细程度：
   （1）normal，【默认】正常,400。；
   （2）bold ，加粗字体,700 ；
   （3）lighter， 设置当前元素字体比父元素更细 ；
   （4）bolder， 设置当前元素字体比父元素更粗 ；
   （5）100–900 ，数值类型的粗细程度（值越大字体越粗）。
6. text-align 文字排列方式，left(左对齐)，center(居中)，right(右对齐)。
7. text-decoration 设置或者取消文本修饰，none，取消所有文本样式，速写属性line style color，line为线的种类，underline(下划线)，overline(上划线)，line-through(删除线)，style为线的样式，solid(实线)，wavy(波浪线)，dashed(虚线)、dotted(点状线)、double(双实线),color为颜色。
8. text-transform 设置或者取消字体改变 ，none(防止任何改变)，uppercase(文本转换为大写)，lowercase(转换为小写)，capitalize(所有单词首字母大写)，full-width(所有字体等宽)。
9. text-shadow 设置或者取消文本阴影，text-shadow: h-shadow v-shadow blur color;取值：none（取消所有阴影）、h-shadow （必需，水平阴影的位置，允许负值）、v-shadow（必需，垂直阴影的位置，允许负值）、blur（可选，模糊的距离、color（可选，阴影的颜色）。

2.列表样式

10. list-style-type 设置列表项标志类型（PPT112）
11. list-style-image 自定义设置列表项标志 ；url()，指定图标路径
12. list-style-position 设置列表项标志出现的位置 ;outside (默认,列表项标志出现在主块框的外部 )、inside（列表项标志出现在主块框的内部）。
13. list-style 列表样式的速记写法 [<type>][<image>][<position>]

3.其他样式

1. cursor ，调整光标悬浮到链接上的时候光标的形状
   （1）url，需使用的自定义光标的URL。在此列表的末端需要始终定义一种普通的光标，以防没有由 URL 定义的可用光标。鼠标样式栈 url(’./images/zhankai.png’), help。
   （2）default，默认光标（通常是一个箭头）。
   （3）auto 默认。浏览器设置的光标.
   （4）pointer 手型
   （5）crosshair十字交叉
   （6）wait 等待
   （7）help 帮助
   （8）move 移动
   （9）text 文本
2. line-height 设置文本的行高
3. outline 调整环绕链接的框，速写属性，outline-width，边框线的宽度 、outline-style，边框线的样式 、outline-color，边框线的颜色、outline-offset，边框线的偏移。
4. display，显示方式。inline，行内显示，宽高无效、 block，块级显示，宽高有效、inline-block，行内显示同时宽高有效、none，不显示，不占据屏幕空间。
5. visibility，显示与隐藏 。hidden，隐藏，占据屏幕空间、visible，显示。
6. opacity，透明度，0-1之间的取值，取值为0的时候隐藏，占据屏幕空间。
7. overflow，溢出处理。hidden，超出内容隐藏、auto，超出产生滚动条、scroll，滚动条。