style

于 2016-05-19 10:20:13 发布
阅读量352 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Wit_tang/article/details/51451648
版权

*{
margin:0px;
padding:0px;
}
body{
background: #f5f6f6 url(../images/body_bg.gif) repeat-x;
}
h1{
font-size: 12px;
line-height: 20px;
}
ul,li{
list-style: none;
}
a{
text-decoration: none;
color: black;
}

big{

width:980px;
margin:0 auto;

}

header #lang{

float: right;
font-size: 12px;
margin-right: 10px;
margin-top: 10px;

}

width:980px;
height:38px;
background: url(../images/MainMenu_bg.gif) no-repeat;
font-size: 12px;
position: relative;

}

position: absolute;
left:15px;
top: 3px;
width:700px;
height:30px;

}

float:left;
width: 100px;
line-height: 30px;
text-align: center;

}

padding-right: 8px;

}

background: url(../images/mainmenu.gif) -10px 0px;

}

color:white;

}

show_scroll{

width:980px;
height:174px;
background: url(../images/banner_bg.gif) no-repeat;
overflow: hidden;
position: relative;

}

show_scroll .slider, #show_scroll .producer, #show_scroll .num{

position: absolute;

}

show_scroll .slider{

width:2940px;
margin-top: 11px;
padding:0px;

}

show_scroll .slider li{

float:left;
width:980px;
height:174px;
line-height: 174px;
text-align: center;

}

show_scroll .producer{

width:945px;
height: 35px;
background: rgba(0, 0, 0, 0.5);
bottom: 10px;
left:15px;
color:white;
line-height: 35px;
vertical-align: middle;
padding-left: 5px;
font-size: 14px;

}

show_scroll .num{

right:30px;
bottom: 15px;
width: 85px;

}

show_scroll .num li{

float: left;
width: 23px;
height: 23px;
background-color: black;
color:white;
margin-left: 5px;
line-height: 23px;
text-align: center;
-moz-opacity:0.5;
opacity: 0.5;
cursor:pointer;

}

show_scroll .num .on{

background-color: blue;
-moz-opacity:1.0;
opacity: 1.0;

}

main{

width: 100%;
margin-top: 10px;

}

main .left{

width: 72%;
float: left;

}

main .left .hot{

position: relative;

}

main .left .hot .hot_site{

float:left;
width:150px;
height:34px;
background: url(../images/site_title.gif) 0px 0px;

}

main .more{

float: right;
margin-right: 5px;
cursor: pointer;

}

main .clear{

clear:both;

}

main .left .hot .turn_left, #main .left .hot .turn_right{

position: absolute;

}

main .left .hot .turn_left{

top:44px;
left: 8px;
width: 25px;
height:130px;
background: url(../images/product_arrow.gif) 0px 0px;
cursor: pointer;

}

main .left .hot .turn_left:hover{

background: url(../images/product_arrow.gif) -25px 0px;

}

main .left .hot .hot_list{

width:100%;
height:120px;
margin-top:10px;
margin-left:34px;

}

main .left .hot .hot_list li{

float:left;
width:152px;
height:125px;
padding-top: 3px;
text-align: center;
margin-left: 5px;
border:1px solid #c8c8c8;
font-size: 12px;

}

main .left .hot .hot_list li:hover{

border:1px solid blue;
background: #d1ebfe;
color:blue;

}

main .left .hot .turn_right{

position: absolute;
top:44px;
right: 3px;
width: 25px;
height:130px;
background: url(../images/product_arrow.gif) -75px 0px;
cursor: pointer;

}

main .left .hot .turn_right:hover{

background: url(../images/product_arrow.gif) -50px 0px;

}

main .left .info{

margin-top: 10px;

}

main .left .info .news{

width:49%;
float: left;

}

main .left .info .news .news_site{

float:left;
width:150px;
height:34px;
background: url(../images/site_title.gif) 0px -34px;

}

main .left .info .news .news_index{

float: left;
margin-top: 7px;
margin-left: 8px;

}

main .left .info .news .article{

width:195px;
float: left;
margin-left: 10px;
margin-top: 12px;
font-size: 12px;
line-height: 18px;

}

main .left .info .news .article p{

text-indent: 20px;
color:gray;

}

main .left .info .news .news_list{

width:100%;
font-size: 12px;
margin-left: 8px;

}

main .left .info .news .news_list li{

width:100%;
line-height: 20px;

}

main .left .info .news .news_list li .right{

text-align: right;
color:gray;

}

main .left .info .line{

float:left;
width: 2px;
margin-left: 15px;
height: 200px;

}

main .left .info .comp{

float:right;
margin-left: 8px;
width:47%;

}

main .left .info .comp .comp_site{

float:left;
width:150px;
height:34px;
background: url(../images/site_title.gif) 0px -68px;

}

main .left .info .comp .news_index{

float: left;
margin-top: 7px;

}

main .left .info .comp .article{

width:170px;
float: left;
margin-left: 10px;
margin-top: 10px;
font-size: 12px;
line-height: 18px;

}

main .left .info .comp .article p{

text-indent: 20px;

}

main .left .pro_show{

margin-top: 10px;

}

main .left .pro_show .show_site{

float:left;
width:150px;
height:34px;
background: url(../images/site_title.gif) 0px -102px;

}

main .left .pro_show .pro_list{

width:100%;
height:136px;
margin-top:10px;
margin-left:0px;

}

main .left .pro_show .pro_list li{

float:left;
width:164px;
height:133px;
padding-top: 3px;
text-align: center;
margin-right: 10px;
margin-bottom: 10px;
border:1px solid #c8c8c8;
font-size: 12px;
display: block;

}

main .left .pro_show .pro_list li:hover{

border:1px solid blue;
background: #d1ebfe;
color:blue;

}

main .main_line{

width: 2px;
float: left;
margin-left:10px;

}

main .right{

width:25%;
float:right;
font-size: 12px;

}

main .right .search .search_site{

float:left;
width:150px;
height:34px;
background: url(../images/site_title.gif) 0px -136px;

}

main .right .search .search_frm{

margin-top: 10px;
line-height: 30px;

}

main .right .search .search_frm .search_text{

background: url(../images/inputbg.gif);
width:200px;
height: 23x;
border:1px solid #dee0df;

}

main .right .search .search_frm .search_btn{

text-indent: -9999;
background: url(../images/searchbut.gif) no-repeat;
width:68px;
height: 23x;

}

main .right .job{

margin-top:10px;

}

main .right .job .job_site{

float:left;
width:150px;
height:34px;
background: url(../images/site_title.gif) 0px -170px;

}

main .right .job .job_list{

line-height: 25px;

}

main .right .contact{

margin-top:10px;

}

main .right .contact .contact_site{

float:left;
width:150px;
height:34px;
background: url(../images/site_title.gif) 0px -204px;

}

main .right .contact .contact_detail{

margin-top: 10px;
line-height: 25px;

}

main .right .contact .contact_detail span{

font-weight: bold;

}

float: left;
margin-top:5px;
width:100%;
height:30px;
background: url(../images/copyright_bg.gif) repeat-x;
line-height: 30px;
text-align: center;
font-size: 10px

}

Wit_tang
关注
CustomStyle
05-29
在Android开发中，自定义View和自定义Style是两个重要的技术点，它们允许开发者根据自己的需求来扩展系统提供的功能，创造出独特的用户界面和交互体验。本文将深入探讨这两个概念，以及如何在实际项目中应用它们。 ...
转载其他网站上的--对CSS的理解
不写代码的开发人员
06-07 467
写本书的出发点是：希望给大家一套比较容易接受的、好用的、能处理页面大部分内容的CSS全局样式，当然使用这套CSS是在本人提出的一套 HTML架构之下的。说架构其实有点故弄玄虚，只是想和大家分享前端HTML编码的一点点思路，和一个个在此思路之下解决问题的方法。所有遇到的问题全部来源于日常工作，所有代码无拷贝他人，均属原创，仅供业内人事探讨，不提供教学。思路要点之一：绝不考虑使用table，横向布局用带有float的div或li取代td。慎用ul li，当有重复单元时可使用ul li，没有重复的单元就别用ul，
arcgis 色带 style文件
02-15
本文将深入探讨“arcgis 色带 style文件”这一主题，包括如何在ArcGIS Pro中创建和使用色带，以及如何将其导入到ArcGIS普通版中。 色带（Color Ramp），也称为颜色梯度，是地图制图中的一种关键元素，它用于视觉...
Almediadev StyleControls 5.0 Full Source
07-31
《Almediadev StyleControls 5.0全源码解析》 Almediadev StyleControls 5.0是一款专为Delphi开发者设计的组件库，它提供了丰富的UI控件和自定义风格，使得开发者能够创建出具有现代感、美观且功能强大的应用程序。...
customStyle
03-21
style id =“ myStyle”> .someClassName {background-color：#cccccc} </ style>向网站添加样式html元素 @param styleidentifier：字符串，定义样式元素的ID，以标识样式以供以后使用 @param选择器：字符...
汽车车轮钢圈加工机_三维3D设计图纸.zip
10-05
汽车车轮钢圈加工机_三维3D设计图纸.zip
问题汇总_C语言、数据结构.docx
最新发布
10-05
问题汇总_C语言、数据结构.docx
河北中医药大学在辽宁2020-2024各专业最低录取分数及位次表.pdf
10-05
那些年，与你同分同位次的同学都去了哪里？全国各大学在辽宁2020-2024年各专业最低录取分数及录取位次数据，高考志愿必备参考数据
基于Java语言的CP-RPC框架设计源码
10-05
该项目为基于Java语言的CP-RPC框架设计源码，总计包含202个文件，其中Java源文件71个，XML配置文件46个，Java类文件38个，属性文件7个，Kotlin模块定义4个，Idea项目文件3个，Protobuf定义文件2个，Git忽略规则文件1个。
数据手册-DAC0832-datasheet.zip
10-05
数据手册-DAC0832-datasheet.zip
全自动仿手工饺子机_三维3D设计图纸.zip
10-05
全自动仿手工饺子机_三维3D设计图纸.zip
基于Html语言的婚礼电子请帖H5邀请函设计源码
10-05
本项目是一款基于HTML语言的婚礼电子请帖H5邀请函设计源码，包含355个文件，涵盖109个JavaScript文件、87个Markdown文件、62个JSON文件、17个JPG图片文件、10个PNG图片文件、5个TypeScript文件、4个CSS样式文件，以及若干配置和忽略文件。该设计适用于制作结婚请柬、婚礼电子请帖和婚礼H5邀请函，为用户提供了丰富的视觉和交互体验。
基于Java与HTML的dingdang_car二手车市场设计源码
10-05
该项目是一款基于Java和HTML技术的dingdang_car二手车市场设计源码，包含336个文件，涵盖205个Java源文件、63个XML配置文件、41个YAML配置文件、22个Git忽略文件、3个FTL模板文件、2个HTML文件。该系统致力于打造一个全面的二手车交易平台。
Springboot学生选课系统的设计与实现PPT.pptx
10-05
毕设答辩 参考的ppt
白城师范学院在辽宁2020-2024各专业最低录取分数及位次表.pdf
10-05
那些年，与你同分同位次的同学都去了哪里？全国各大学在辽宁2020-2024年各专业最低录取分数及录取位次数据，高考志愿必备参考数据
全自动水箱装配机_三维3D设计图纸.zip
10-05
全自动水箱装配机_三维3D设计图纸.zip
基于Django2期的订单管理平台设计源码分享
10-05
本项目是一款基于Django2期的订单管理平台设计源码，共包含144个文件，其中Python文件44个，HTML、CSS、JavaScript文件共计70个，以及少量其他类型文件。该平台采用Python、HTML、CSS和JavaScript等多语言开发，旨在提供高效便捷的订单管理解决方案。
南京特殊教育师范学院在辽宁2020-2024各专业最低录取分数及位次表.pdf
10-05
那些年，与你同分同位次的同学都去了哪里？全国各大学在辽宁2020-2024年各专业最低录取分数及录取位次数据，高考志愿必备参考数据
数据手册-AT45DB161B-datasheet.zip
10-05
数据手册-AT45DB161B-datasheet.zip
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值