Go语言视频零基础入门到精通

石沉大海

1.  网站样式文件命名和样式从属关系



1)         全局CSS文件：global.css ，其中global.css包括cssreset（用来清除默认值）、全局性的一些属性值的定义

2)         全局布局共用CSS文件：layout （网站布局容器的共用的CSS部分：页眉、页脚、搜索共用CSS）

3)         频道私有CSS文件：home.css （当前频道或者页面的CSS独有属性值以及为了兼容不同的浏览器的所采用的hack）



2.  网站布局：



网站采用目前最流行的960宽度布局；布局类型分为3栏和2栏两种方式。

两栏布局：主容器宽度为700px 副容器宽度为240px

三栏布局：依次为190px、510px、240px；



3.  网站栏目：

web页面上不同内容的组合方式：图片展示、图文组合、文字列表、标题段落、按钮等几种。所以common样式文件中按照如下规则定义：

1)   全局框架通用样式

2)   页眉

3)   导航

4)   搜索

5)   页脚

6)   内容列表通用样式

7)   图片通用样式

8)   表单通用样式



4.  频道私有CSS文件：针对网站频道不同风格所以各部分需要独自私有定义，但是通用布局不需要再重新设置，只需要设置私有部分。