1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889 |
- /* 通配符选择器 设置全局 */
- * {
- margin: 0;
- padding: 0;
- text-decoration: none;
- list-style: none;
- box-sizing: border-box;
- }
- /* 头部样式 */
- .head {
- width: 1000px;
- height: 50px;
- background: #00f;
- margin: 0 auto;
- }
- /* 主体样式 */
- .main {
- width: 100%;
- }
- .nav {
- width: 100%;
- background: #00f;
- }
- .navMain {
- width: 1000px;
- height: 40px;
- background: #f00;
- margin: 0 auto;
- }
- .banner {
- width: 100%;
- height: 474px;
- background: url('../images/banner.png') no-repeat;
- background-size: cover;
- }
- .activity {
- width: 100%;
- height: 328px;
- background: #00f;
- margin-top: 15px;
- }
- .activityMain {
- width: 1000px;
- height: 100%;
- margin: 0 auto;
- background: #ff0;
- }
- .list {
- width: 100%;
- height: 300px;
- background: #0ff;
- margin-top: 90px;
- }
- .listMain {
- width: 1000px;
- height: 100%;
- margin: 0 auto;
- background: #0f0;
- }
- .features {
- width: 100%;
- height: 360px;
- background: #f0f;
- margin-top: 40px;
- }
- .featuresTop {
- width: 100%;
- height: 100px;
- background: #00f;
- }
- .featuresBottom {
- width: 1000px;
- height: 260px;
- background: #0f0;
- margin: 0 auto;
- }
- /* 页尾内容 */
- .footer {
- width: 100%;
- height: 337px;
- background: #00f;
- margin-top: 89px;
- }
- .footerMain {
- width: 1000px;
- height: 100%;
- background: #ff0;
- margin: 0 auto;
- }
|