html实践——IFE task 02(CSS样式)

1. CSS背景:

 (1)background:

 (2)background-color:

 (3)background-img:

 (4)background-repeat:

  >>repeat:

  >>no-repeat:

  >>inherit:继承父类的属性

  >>repeat-x:

  >>repeat-y:

 (5)background-position:

  >>bottom:

   >>center:

   >>inherit:继承父类的属性

  >>left:

 >>top:

 >>right:

(6)background-attachment:

 >>fixed:图像相对于可视区是固定的

 >>scroll:默认值,背景会随文档滚动

 >>inherit:继承父类的属性

2. CSS文本:

(1)text-align:水平对齐。值 left、right 和 center 会导致元素中的文本分别左对齐、右对齐和居中。

(2)text-decoration:文本装饰。

 >>underline 会对元素加下划线,就像 HTML 中的 U 元素一样

 >>overline 的作用恰好相反,会在文本的顶端画一个上划线

 >> line-through 则在文本中间画一个贯穿线

 >>blink 会让文本闪烁

(3)text-indent:缩进文本。把 Web 页面上的段落的第一行缩进。

(4)text-shadow:向文本添加一个或多个阴影

(5)text-transform:字符转换。处理文本的大小写。

 >>默认值 none 对文本不做任何改动,将使用源文档中的原有大小写。

 >>uppercase 和 lowercase 将文本转换为全大写和全小写字符

 >>capitalize 只对每个单词的首字母大写。

 (6)word-spacing:字间隔。可以改变字(单词)之间的标准间隔。其默认值 normal 与设置值为 0 是一样的。

 (7)letter-spacing:字母间隔。修改的是字符或字母之间的间隔

 (8)line-height:设置行间的距离(行高)

3. CSS字体:

  (1)font

  (2)font-family:定义文本的字体系列

  (3)font-size:设置文本的大小

  (4)font-size-adjust:当首选字体不可用时,对替换字体进行智能缩放

  (5)font-stretch:对字体进行水平拉伸

  (6)font-sytle:最常用于规定斜体文本

         normal - 文本正常显示     italic - 文本斜体显示     oblique - 文本倾斜显示

  (7)font-variant:设定小型大写字母

  (8)font-weight:设置文本的粗细

4. CSS链接

  (1)a:link - 普通的、未被访问的链接

  (2)a:visited - 用户已访问的链接

  (3)a:hover - 鼠标指针位于链接的上方

      (4)a:active - 链接被点击的时刻

5. CSS列表

  (1)list-style:

  (2)list-style-image:将图象设置为列表项标志。

  (3)list-style-position:设置列表中列表项标志的位置。

  (4)list-style-type:设置列表项标志的类型。

6. CSS表格

  (1)border-collapse:设置是否把表格边框设置为单一边框

  (2)border-spacing:设置分隔单元格边框的距离

  (3)caption-side:设置表格标题的位置

  (4)empty-cells:设置是否显示表格中的空单元格

  (5)text-align:设置水平对齐方式,比如左对齐、右对齐或者居中

  (6)vertical-align:设置垂直对齐方式,比如顶部对齐、底部对齐或居中对齐

原文地址:https://www.cnblogs.com/mmmaolj/p/5915836.html