CSS3+HTML5电器网站的设计与实现+源代码(2)
1.2 课题研究意义
凯睿电器网站采用最新的技术开发实现，这对公司企业是一个很好的宣传，毕竟现在通过网络来宣传产品的店家不少，如何在其中脱颖而出，成为赢家，就要求了网站具有亮点，布局，颜色，大小多个方面都能够随着社会发展，得到顾客的认可，可以吸引到顾客，使顾客想要去了解公司，进而购买产品。
最新的HTML5技术可以更简单的插入图片和视频，本网站使用这项技术使网页在加载图片时，速度得到提高，缩短了加载时间，提高了顾客的浏览性。视频则是向顾客展示产品、技术、文化、形象、建立良好的售后服务系统，增加了公司企业的无形资产。建立一个最新技术制作的电器公司网站，可以通过网络宣传减少宣传成本，减少人员和经济的浪费，有利于提高经营效率。如今，网站已是一个公司对外宣传中不可缺少的部分，最新技术网站的出现对公司树立公司形象，在顾客中建立一个良好的印象有着很深的影响。
2. 网站相关技术介绍
本网站编写的主要技术是HTML5+CSS3和JavaScript、Jquery，主要利用前者布局，后面的两项是编写特效使用的语言。
2.1 CSS3+HTML5的技术应用
本网站的主力军为CSS3代码，Html5和它相结合，有着很强的优势，HTML5在浏览器的兼容性上面有着很强的支持性，利用它编写的网页可以在减少代码的同时，更迅速的改善网页的兼容性。而CSS3则在文字图片的显示效果上有着很好的效果，可以使用渐变色，阴影，圆角等这些以前的CSS样式表不可以实现的效果。下面详细介绍一下网站中有关使用CSS代码的一些优势。
2.1.1 代码的重用率
代码的重用是现在Web标准的一大优势，如果不考虑这一特性来设计网站，会给源代码带来很大的效率损失，也就会让内存增加，网页打开速度减慢。
代码重用性最明显的表现就是样式表的复用，就是使用同一个class名称来制定多个元素的样式，id在很多时候也可以重用部分属性。重用代码一般都是在样式表的开端，便于修改和使用。
2.1.2 代码的常规重置
这是一个网页建设时样式表编写的第一步，提前清理掉网页中的默认属性，便于下面代码的继续编写，例如margin:0;padding:0;这就是最简单的常规性提前重置代码，如果不提前重置限定，在网页编写中就会出现空白部分删除不了或者布局出现错乱难以解决的问题。
在HTML标签中存在着很多的默认样式属性，例如p标签会存在有上下边距样式，em标签中则会存在有字体倾斜的样式。并且不同的浏览器也有不同的默认样式，为了减少它对于我们编写带来的麻烦，所需要的解决办法就是一开始将浏览器的默认属性样式全部去掉，更准确的说就是重新定义下标签的样式。
2.1.3 代码的缩写
为了编写CSS代码方便，样式更加简练，在编写时通常会使用属性值缩写的方法。也就是说用少的代码编写出同样的网页效果，例如文字样式代码的缩写，font：font-style font-variant font-weight font-size line-height font-family；很多属性值限定用一句话概括，其中需要注意的点是规定的属性值必须按照顺序来写，否则没有效果。
颜色值的缩写、背景属性值的缩写、列表属性的缩写、边框的缩写、内外边距属性值的缩写等都是参考上面文字样式代码的缩写方法，编写时注意项都是相同的。在编写初期，可以使用缩写的就尽量使用缩写，养成良好的编写代码习惯，并且可以增加制作网页的效率，减少负担。