本文主要包含结构,表现,分离等相关知识,佚名 希望在学习及工作中可以帮助到您
css的作用
有一次找工作面试，很直接的那个面试官就问了我“CSS的作用是什么？”我当时回答也很搞笑，就说了句，“现在做网站离不开CSS，这个就像鱼离不开水一样”。可能觉得说得也没错。但深层次的想，确实没有回答人家的问题。
记得在很久以前，久得我都记不清楚了。那时我刚接触做网页的时候，要让页面中的某个段落加粗一下，就要添加一个HTML标签并加上相应的属性。要让某个段落对齐，我会在dreamweaver的设计器里打一大堆空格，然后代码里会产生一大堆的 （不好意思，我当时根本不知道）。每次要修改都要经历这样一个过程，光不谈HTML代码的臃肿不说，维护起来更是一个让人崩溃的事。
还好不久CSS就出现了，在这儿要感谢那些前辈们。通过他们的努力上面的问题得到了很好的解决。抛开各个浏览器对CSS解析的不同不说，最起码CSS让页面不再那么难维护了。
我认为CSS的出现具有以下几个重要作用：
修饰页面的元素时，避免了对HTML元素的改动（也就是现在流行的一个概念：“语义化”结构与表现分享了）
每个浏览器对HTML的解析都不同。HTML原来设计的时候定位于定义文档的内容，通过使用<p>,<table>,<b>各类标签，所要表达的初衷是“段落”、“表格”之类的信息。但随着各大浏览器的出现，也逐渐将新的HTML标签和属性到HTML规范中，以至于使得创建一个合理的语义化的页面结构变得困难许多。
通过使用CSS样式，可以定义字体、颜色，那么就可以让这些原本不需要的表现形式的标记消失，使合理的语义化标记处于更好的位置，更好的发挥标记的作用。
使我们能够更轻松的控制页面结构和布局
网站重构随着这个概念的出现，也带来了DIV结构的流行，因此也就出现了我们现在口头常说的“DIV+CSS做网站”。单从这个DIV+CSS的叫法来分析，可以了解到CSS已经被大家用在了页面布局上了。
但一个页面不是只有控制DIV就控制了全面，还有很多其它的HTML标记，以前用table布局的页面，一样可以用CSS来控制它。
最根本的也是我们开发人员关心的，提高开发和维护的效率
一个网站，如果有很多相同的结构的文件需要修改，涉及到的工作量是巨大的，但如果通过改CSS来实现页面的灵活变换，只需要修改某个样式就可以上，效率上大大提升。
CSS的基本结构:selector{property:value;}
CSS的语法结构由两部分组成即：选择器和规则。规则也就是花括号中包含的内容。
选择符（selector）:主要是告诉浏览器这个样式是用于页面中的哪些对象的，这个对象可以是HTML中的某个标记，也可以是指定的Class或ID。这个后面会详细的说。
声明：声明主要是告诉浏览器怎样去渲染页面中的与选择符相匹配的对象。由属性与属性值组成，冒号相隔、分号结束的声明形式可以一个或者多个的组合而成。
属性：属性主要以一个单词的形式出现，并且都是CSS约定的，不可以自己定义。
属性值：属性值将根据属性改变形式，包括数值，单位等。
说理论一般都不容易让人记住，来举个例子吧。
现在我要将页面中的也就是body下的所有的文字设为红色，且要18号字体，加粗显示，可以这样写：
属性与属性之间的空格可有可无。
有一次找工作面试，很直接的那个面试官就问了我“CSS的作用是什么？”我当时回答也很搞笑，就说了句，“现在做网站离不开CSS，这个就像鱼离不开水一样”。可能觉得说得也没错。但深层次的想，确实没有回答人家的问题。
记得在很久以前，久得我都记不清楚了。那时我刚接触做网页的时候，要让页面中的某个段落加粗一下，就要添加一个HTML标签并加上相应的属性。要让某个段落对齐，我会在dreamweaver的设计器里打一大堆空格，然后代码里会产生一大堆的 （不好意思，我当时根本不知道）。每次要修改都要经历这样一个过程，光不谈HTML代码的臃肿不说，维护起来更是一个让人崩溃的事。
还好不久CSS就出现了，在这儿要感谢那些前辈们。通过他们的努力上面的问题得到了很好的解决。抛开各个浏览器对CSS解析的不同不说，最起码CSS让页面不再那么难维护了。
我认为CSS的出现具有以下几个重要作用：
修饰页面的元素时，避免了对HTML元素的改动（也就是现在流行的一个概念：“语义化”结构与表现分享了）
每个浏览器对HTML的解析都不同。HTML原来设计的时候定位于定义文档的内容，通过使用<p>,<table>,<b>各类标签，所要表达的初衷是“段落”、“表格”之类的信息。但随着各大浏览器的出现，也逐渐将新的HTML标签和属性到HTML规范中，以至于使得创建一个合理的语义化的页面结构变得困难许多。
通过使用CSS样式，可以定义字体、颜色，那么就可以让这些原本不需要的表现形式的标记消失，使合理的语义化标记处于更好的位置，更好的发挥标记的作用。
使我们能够更轻松的控制页面结构和布局
网站重构随着这个概念的出现，也带来了DIV结构的流行，因此也就出现了我们现在口头常说的“DIV+CSS做网站”。单从这个DIV+CSS的叫法来分析，可以了解到CSS已经被大家用在了页面布局上了。
但一个页面不是只有控制DIV就控制了全面，还有很多其它的HTML标记，以前用table布局的页面，一样可以用CSS来控制它。
最根本的也是我们开发人员关心的，提高开发和维护的效率
一个网站，如果有很多相同的结构的文件需要修改，涉及到的工作量是巨大的，但如果通过改CSS来实现页面的灵活变换，只需要修改某个样式就可以上，效率上大大提升。
CSS的基本结构:selector{property:value;}
CSS的语法结构由两部分组成即：选择器和规则。规则也就是花括号中包含的内容。
选择符（selector）:主要是告诉浏览器这个样式是用于页面中的哪些对象的，这个对象可以是HTML中的某个标记，也可以是指定的Class或ID。这个后面会详细的说。
声明：声明主要是告诉浏览器怎样去渲染页面中的与选择符相匹配的对象。由属性与属性值组成，冒号相隔、分号结束的声明形式可以一个或者多个的组合而成。
属性：属性主要以一个单词的形式出现，并且都是CSS约定的，不可以自己定义。
属性值：属性值将根据属性改变形式，包括数值，单位等。
说理论一般都不容易让人记住，来举个例子吧。
现在我要将页面中的也就是body下的所有的文字设为红色，且要18号字体，加粗显示，可以这样写：
属性与属性之间的空格可有可无。