超市的网页设计分析 第1篇
以下是本篇文章正文内容,下面案例仅供参考(节选示例):
超市的网页设计分析 第2篇
一个优秀的网页应具备以下几个特点:
尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的,要去掉所有的冗余的东西;
要满足使用者的要求,网页适合使用,显示出其功能美;
围绕一个统一的目标设计,强调整体的功能性;
尽量符合网页美的标准,能够使网站的形象得到最大限度的提升,追求雅俗共赏。页面用色协调,布局符合形式美的要求:布局有条理,充分利用美的形式,使网页富有可欣赏性,提高档次。
发挥网络的优势,想方设法使每个使用者都参与到其中来。
超市的网页设计分析 第3篇
...
代码如下(节选示例):
/*! * Bootstrap () * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT () *//*! | MIT License | */html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
body { margin: 0 }
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block }
audio,canvas,progress,video { display: inline-block; vertical-align: baseline }
audio:not([controls]) { display: none; height: 0 }
template { display: none }
a { background-color: transparent }
a:active,a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b,strong { font-weight: 700 }
dfn { font-style: italic }
h1 { margin: .67em 0; font-size: 2em }
mark { color: #000; background: #ff0 }
small { font-size: 80% }
sub,sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: }
sub { bottom: }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
pre { overflow: auto }
code,kbd,pre,samp { font-family: monospace,monospace; font-size: 1em }
button,input,optgroup,select,textarea { margin: 0; font: inherit; color: inherit }
button { overflow: visible }
button,select { text-transform: none }
button,html input[type=button],input[type=reset],input[type=submit] { -webkit-appearance: button; cursor: pointer }
button[disabled],html input[disabled] { cursor: default }
button::-moz-focus-inner,input::-moz-focus-inner { padding: 0; border: 0 }
input { line-height: normal }
input[type=checkbox],input[type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 }
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { height: auto }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield }
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration { -webkit-appearance: none }
fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid silver }
legend { padding: 0; border: 0 }
textarea { overflow: auto }
optgroup { font-weight: 700 }
table { border-spacing: 0; border-collapse: collapse }
td,th { padding: 0 }/*! Source: */@media print { *,:after,:before { color: #000!important; text-shadow: none!important; background: 0 0!important; -webkit-box-shadow: none!important; box-shadow: none!important }
a,a:visited { text-decoration: underline }
a[href]:after { content: _ (_ attr(href) _)_ }
abbr[title]:after { content: _ (_ attr(title) _)_ }
a[href^=_javascript:_]:after,a[href^=_#_]:after { content: __ }
...
代码如下(节选示例):
!function(){_use strict_;var e,a=function(s,i){function r(e){return (e)}function n(){var e=();(_data-swiper-autoplay_)&&(e=(_data-swiper-autoplay_)||),(function(){((),(),(_onAutoplay_,T)):():((0),(_onAutoplay_,T)):((),(_onAutoplay_,T))},e)}function o(a,t){var s=e();if(!(t))if(_string_==typeof t)s=(t);else if(){var i;return ().each(function(e,a){a===t&&(i=t)}),i?t:void 0}if(0!==)return s[0]}function l(e,a){a=a||{};var t=|| t(function(e){(function(e){(!0),(_onObserverUpdate_,T,e)})});(e,{attributes:void 0===|| 0===|| 0===||}),(s)}function p(e){;&(e=);var a=||;if(!;&(()&&39===a||!()&&40===a))return!1;if(!;&(()&&37===a||!()&&38===a))return!1;if(!(||||||||;&;&(_input_===()||_textarea_===()))){if(37===a||39===a||38===a||40===a){var t=!1;if((_._+).length>0&&0===(_._+).length)return;var s={left:},i=();;&([0].scrollLeft);for(var o=[[],[],[],[]],l=0;l
...