2016年CSS基础语法汇总-小白必备 很简单哦~

认识CSS

  css中文译为“层叠样式表”，用于控制网页样式并允许将样式信息和网页内容分离的标记性语言。

 作用：样式定义如何显示HTML元素，解决内容与表现分离的问题。

语法：css样式表主要由两大部分构成：选择器，以及一条或多条声明，写法如下：选择器{属性;值} 

选择器通常是您需要该表样式的HTML元素；每条声明由一个属性和一个值组成； 

属性：是您希望设置的样式属性。每个属性有一个值，属性和值被冒号分开。

selector { property : value }

下面这行代码的作用是将h1元素内的文字颜色定义为红色，同事讲字体设置为14px（像素）。

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

在这个例子中h1是选择器，color和font-size是属性，red和14px是值。请使用花括号来包围声明;

值得不同写法和单位

除了英文单词red，我们还能使用十六进制的颜色值#ff0000:

p{color:#ff0000;}

为了节约字节，我们还能使用css的缩写形式：

P{color：#ff00;}

记得给值写引号

提示：如果值为若干单词，则要给值加引号，(双引号和单引号都可以)

多种声明：

如果不止一个声明，则需要用分号讲每个声明分开。

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

你应该在每行只描述一个属性，这样可以增强样式定义的可读性，如下表

P{

   text-align:center;

   color : red;

   font-family:arial;

   }

空格和大小写

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

这是写的第二篇博文，写的不好的地方欢迎评论区里给出批评和建议；谢谢大家；