web网页设计毕业论文 - 图文

3.6 文字颜色控制一样

传统html和css 文字颜色相同使用“color：”+“RGB颜色取值”即可，如颜色为黑色字即对应设置CSS属性选择器内添加“color:#000;”即可。

传统设置背景颜色使用“bgcolor=颜色取值”，而CSS中用background:+颜色取值。例如：设置背景为黑色，传统Html设置，即在标签内加bgcolor=#000即可实现颜色为黑色背景，如果在W3C中即在对应CSS始终选择器中始终加入background:#000实现。

第 16 页 共 24 页

九江职业大学毕业设计（论文）

传统“border color=取值”，CSS中“border-color:”+颜色取值。例如：在传统html直接在table标签加入“border color=\即可，在现在CSS中设置“border-color:#000;”即可让边框颜色为黑色，同时记得设置中包括宽度和样式（虚线、实现）。DIV+CSS颜色值扩展知识：颜色值是一个关键字或一个数字的RGB规范。

3.7 RGB颜色给出了四种方法之一

1、#rrggbb（ 如 ，＃00cc00） （强烈推荐使用此表示颜色取值） 2、#的RGB（ 如 ，＃0c0）

3、RGB（十中，x，x）的x是一个包容性的0和255之间的整数（ 如 的RGB（0,204,0））

4、RGB（?％，?％，?％），其中 y是一个包容性的数量介于0.0和100.0（ 如 的RGB（0％，80％，0％）） 本网站色彩示例代码： body{ }

color:#687f96; font-size:12px;

background-image: url();

3.8 CSS盒子模型

在网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒子模式都具备这些属性。

这些属性可以把它转移到日常生活中的盒子（箱子）上来理解，日常生活中所见的盒子也具有这些属性，所以叫它盒子模式。那么内容就是盒子里装的东西；而填充就是怕盒子里装的东西（贵重的）损坏

第 17 页 共 24 页

九江职业大学毕业设计（论文）

而添加的泡沫或者其它抗震的辅料；边框就是盒子本身；边界则说明盒子摆放的时候的注意事项：不能全部堆在一起，要留一定空隙保持通风，同时为了方便取出。在网页设计上，内容常指文字、图片等元素，但是也可以是小盒子（DIV嵌套），与现实生活中盒子不同的是， CSS盒子具有弹性，里面的东西大过盒子本身最多把它撑大，但它不会损坏的。填充只有宽度属性，可以理解为生活中盒子里的抗震辅料厚度，而边框有大小和颜色之分，我们又可以理解为生活中所见盒子的厚度以及这个盒子是用什么颜色材料做成的，边界就是该盒子与其它东西要保留多大距离。在现实生活中，假设我们在一个广场上，把不同大小和颜色的盒子，以一定的间隙和顺序摆放好，最后从广场上空往下看，看到的图形和结构就类似我们要做的网页版面设计了，如下图：

图3-1

盒子具有弹性，里面的东西大过盒子本身最多把它撑大，但它不会损坏的。填充只有宽度属性，可以理解为生活中盒子里的抗震辅料度。

第 18 页 共 24 页