CSS初始

(1)百度百科  对 CSS 的解释:

http://baike.baidu.com/view/15916.htm

CSS是Cascading Style Sheets(层叠样式表)的简称.
采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有以下3个显著优势:

 1:表现和内容相分离
   将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息。这样的页面对搜索引擎更加友好。
2:提高页面浏览速度
   对同一个页面视觉效果,采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多,前者一般只有后者的1/2。浏览器就不用去编译大量冗长的标签。
3:易于维护和改版
   你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。

(2)CSS开发时候可以参考下以下文章:

http://www.cnblogs.com/hu88oo/archive/2008/11/17/1335062.html

什么是CSS的盒子模式呢?为什么叫它是盒子?先说说我们在网页设计中常听的属性名:内容(content)、填充(padding)、边框(border)、边界(margin), CSS盒子模式都具备这些属性。

      这些属性我们可以把它转移到我们日常生活中的盒子(箱子)上来理解,日常生活中所见的盒子也具有这些属性,所以叫它盒子模式。

      1.那么内容就是盒子里装的东西;在网页设计上,内容常指文字、图片等元素,但是也可以是小盒子(DIV嵌套),与现实生活中盒子不同的是,现实生活中的东西一般不能大于盒子,否则盒子会被撑坏的,而CSS盒子具有弹性,里面的东西大过盒子本身最多把它撑大,但它不会损坏的。

      2.填充就是怕盒子里装的东西(贵重的)损坏而添加的泡沫或者其它抗震的辅料;填充只有宽度属性,可以理解为生活中盒子里的抗震辅料厚度。

      3.边框就是盒子本身了;而边框有大小和颜色之分,我们又可以理解为生活中所见盒子的厚度以及这个盒子是用什么颜色材料做成的。

      4。至于边界则说明盒子摆放的时候的不能全部堆在一起,要留一定空隙保持通风,同时也为了方便取出嘛;边界就是该盒子与其它东西要保留多大距离。

你可能感兴趣的:(css)