css课程笔记

CSS颜色

颜色是由红（RED），绿（GREEN），蓝（BLUE ）光线的显示结合。

CSS的颜色可以通过以下等方法指定：十六进制颜色、RGB颜色、RGBA颜色、颜色名等值指定。

十六进制颜色值

所有主要浏览器都支持十六进制颜色值。

指定一个十六进制的颜色其组成部分是：＃RRGGBB，其中RR（红色），GG（绿色）和BB（蓝色）。所有值必须介于0和FF之间。

例如，＃0000FF值呈现为蓝色，因为蓝色的组成设置为最高值（FF）而其他设置为0。

p{background-color:#ff0000;}

CSS 背景属性用于定义HTML元素的背景。

CSS 属性定义背景效果:

• background-color
• background-image
• background-repeat
• background-attachment
• background-position

  background-image 属性描述了元素的背景图像.

  默认情况下，背景图像进行平铺重复显示，以覆盖整个元素实体

• body {background-image:url('paper.gif');}

• 默认情况下 background-image 属性会在页面的水平或者垂直方向平铺。
  

• body
  {
  background-image:url('gradient2.png');
  }
  

• 如果你不想让图像平铺，你可以使用 background-repeat 属性:
  

• body
  {
  background-image:url('img_tree.png');
  background-repeat:no-repeat;
  }
  

• 以利用 background-position 属性改变图像在背景中的位置:
  

• body
  {
  background-image:url('img_tree.png');
  background-repeat:no-repeat;
  background-position:right top;
  }
  

• 背景颜色的简写属性为 "background":
  

• body {background:#ffffff url('img_tree.png') no-repeat right top;}
  

本的水平对齐方式

文本排列属性是用来设置文本的水平对齐方式。

文本可居中或对齐到左或右,两端对齐.

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

text-decoration属性一般用于删除链接的下划线。

text-indent属性控制首行文本的缩进。

属性值可以是固定值（包括负数），也可是百分比。

• letter-spacing属性控制字符的间距。属性值可以是正负数。

• word-spacing属性控制字间距

line-height属性控制行间距（简称行高）。

vertical-align属性控制元素垂直对齐方式。