CSS3在改善网站用户体验中的应用

陈梅++高斐++张景峰

摘要：在互联网技术快速发展的背景下，不断改善与提高网站用户体验成为Web应用的趋势，CSS3在CSS2.1的基础上拓展了很多强大的功能，在改善用户体验方面提供了更多实现方法，文章从响应式网站、图片展示和导航三个方面阐述了CSS3技术在提高网站用户体验中的应用。

关键词：CSS3；网站用户体验；Web应用

中图分类号：TP37 文献标识码：A 文章编号：1009-3044（2015）23-0011-01

在互联网成为人们生活一部分的时代，伴随着技术的快速更新，网络技术的应用也在满足着用户的更高体验需求，用户在浏览网站时从视觉体验到交互体验都显示出了更高更丰富的要求。CSS3作为CSS（层叠样式表）的第三个版本，是对CSS规范的一个很大改善和增强，既为网站前端开发者提供了易于开发的网站浏览功能，也为使用者提供了更好的用户体验，CSS3中的媒体查询技术、动画技术等在改善网站用户体验方面已经得到了很好的应用。

1 CSS3媒体查询在响应式网站中的应用

随着移动互联网的迅猛发展，用户浏览网站的设备也在不断丰富，能够针对不同大小的屏幕进行网站浏览成为现代web应用的趋势，响应式设计在网站中的应用越来越多，响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，目前很多商业类网站都提供的是响应式网站，为用户的购物行为提供便利。CSS3提供的媒体查询功能，其语法结构及用法：

@media 设备名 only （选取条件） not （选取条件） and（设备选取条件），设备二{sRules}

以此……