CSS总结

CSS总结

  CSS是层叠样式表。样式通常存储在样式表中，可以定义如何显示HTML元素。
  而想要呈现，涉及许多方面，如整个页面的布局，元素的位置、距离、颜色、大小、是否显示、是否浮动、透明度等等。

一、CSS语法

CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明:
由此说明：
1.选择器是您需要改变样式的对象（上图的规则就一级标题生效）。
2.每条声明由一个属性和一个值组成。（无论是一条或多条声明，都需要用{}包裹，且声明用;分割）
3.属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。

选择器

主要的选择器除标题外有两种：id选择器与class选择器。其中class选择器的使用更普遍一些。

CSS创建

一般有三种方法：外部样式表、内部样式表、内联样式。

外部样式表：我们使用样式的主流方式，因为众多的样式规则单独放在一个文件中，与 HTML 内容分开，结构清晰。同时其它页面也可使用，达到复用的目的。

内部样式表： 一般而言，只有页面的样式规则较少时可采用这种方式。

内联样式：内联样式是最不灵活的一种方式，完全将内容和样式合在一起，实际应用中非常少见。

级联的优先级：
内联样式>内部样式表或外部样式表>浏览器缺省样式

颜色，尺寸，对齐

颜色

可以采用颜色名称、16进制值，以及颜色RGB来设定前景或背景的颜色。可以前往ColorDrop或 LOL Corlors 挑选你需要的配色。

尺寸

用 height 和 width 设定元素内容占据的尺寸。常见的尺寸单位有：像数 px，百分比 %等。

对齐

常见的对齐是对于元素中的文本设置，我们可以简单的设置text-align属性为left, center, right。

CSS背景

CSS 属性定义背景效果:

background  //简写属性，作用是将背景属性设置在一个声明中。
background-color   //定义了元素的背景颜色.
background-image  //描述了元素的背景图像.
background-repeat   //会在页面的水平方向平铺
background-attachment    //背景图像是否固定或者随着页面的其余部分滚动。
background-position  //改变图像在背景中的位置

CSS文本

文本颜色

文本颜色与主题颜色相同，可以使用颜色名称、16进制值，以及颜色RGB来设定。

文本对齐方式

文本排列属性是用来设置文本的水平对齐方式。文本可居中或对齐到左或右,两端对齐.
当text-align设置为"justify"，每一行被展开为宽度相等，左，右外边距是对齐。

h1 {
   text-align:center;}
p.date {
   text-align:right<