css基础知识1-认识css

什么是css？

css叫做层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

css有什么用？

定义如何显示HTML元素，给HTML设置样式，让它更加美观。
通俗来说就html是在白纸上勾勒图案，而css就是给图案上色美化以及各种完善。

css的基础语法

如图所示，我们可以看到css的语法结构
组成部分：一个选择器以及一个或多个声明组成

也就是说，css的结构分为两部分：
1.选择器
选择器通常是您需要改变样式的 HTML 元素
2.声明
而声明我们可以看到也是由两部分构成，一个是属性一个是值，那么也就是说，声明是由一个属性和一个值组成
实例：

h1 {color:red; font-size:14px;}

h1 是选择器，color 和 font-size 是属性，red 和 14px 是值。
注意：请把声明放在花括号里面
1. 多重声明：如果要定义不止一个声明，则需要用分号将每个声明分开。。

p {text-align:center; color:red;}

p是选择器，text-align和color是属性，center和red是值
以下分别是这两个声明：

text-align:center;      color:red;

2. 值的不同写法
都是一个意思：
英文单词

p { color:red; }

颜色十六进制

p { color: #ff0000; }

css的缩写形式

p { color: #f00; }

RGB值

p { color: rgb(255,0,0); }
p { color: rgb(100%,0%,0%); }

3.记得写引号
若值为多个单词，则要给值加引号：

p {font-family: "sans serif";}

4.空格与大小写
大多数样式表包含不止一条规则，而大多数规则包含不止一个声明。多重声明和空格的使用使得样式表更容易被编辑：

body {
  color: #000;
  background: #fff;
  margin: 0;
  padding: 0;
  font-family: Georgia, Palatino, serif;
  }

是否包含空格不会影响 CSS 在浏览器的工作效果，同样，与 XHTML 不同，CSS 对大小写不敏感。不过存在一个例外：如果涉及到与 HTML 文档一起工作的话，class 和 id 名称对大小写是敏感的。