手机网站开发心得

<meta name="viewport" content="width=device-width; initial-scale=1.4; minimum-scale=1.0; maximum-scale=2.0"/>
<meta name="MobileOptimized" content="240"/>
如果不加以上设置,在手机ie浏览器下,table会出问题,所有的td将会当一行来显示。

以下所有的css在几大浏览器下,支持都还好。分别为safari,chrome,uc,qq,ie下,浏览器都正常。
@charset "utf-8";
/* 网站基本样式 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, th, td { margin:0; padding:0; line-height:20px; font-size:13px; color:#333333; font-family:arial,sans-serif;margin:0 0px 0px 0px;}
a {color:#1F376D;text-decoration:none;}
a:hover {color:#1F376D;text-decoration:underline;}
.small{font-size:12px;}

table { border-collapse:collapse; border-spacing:0;}
#table td {line-height: 20px; height: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EDEDED;}
.trRowBg_1 {background-color: #F8FAFC;}
.tRight {text-align:right;}
fieldset, img { border:0; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
#headArea{background-image: url(/css/skin/blue/imgs/main_head.gif); height:42px; }/*信息logo*/
#headArea span{ text-align:center;color:#00699B;font-size:18px; font-font-weight:bold;}
#nav{font-size:15px;font-weight:bold; border-bottom:1px solid #579bdf;}/*导航*/
#navTop{background-image: url(/css/skin/blue/imgs/nav.gif);font-size:20px;height:22px; font-weight:bold;}/*导航*/
#navTop .navTopCurrent{ background-color:white;}
p.nav{clear:both;background:url(/css/skin/blue/imgs/navBg.gif) repeat-x 0 0 #dfeeff;line-height:22px; border-top:1px solid #579bdf;font-size:16px;}
p.context{clear:both;margin:0 3px 5px;line-height:22px; font-size:14px;}
.cBlue,.cBlue:visited,.cBlue a{color:#1e50a2;}
p.h2 .nav{color:#bdd7f2;}
.title{clear:both;background:url(/css/skin/blue/imgs/navBg.gif) repeat-x 0 0 #dfeeff;line-height:19px; margin:0 0 2px 0;font-size:18px; border-bottom:1px solid #579bdf;}/*内容标题*/
.lsTit{clear:both;background:url(/css/skin/blue/imgs/navBg.gif) repeat-x 0 0 #dfeeff;line-height:19px; margin:0 0 5px 0;font-size:16px; }/*列表标题*/
.titleColor{color:#1e50a2;}/*标题颜色*/
.context{line-height:19px; margin:0 5px 3px;}/*内容布局*/
.contentP {background:url("/css/skin/blue/imgs/a_dot.gif") no-repeat scroll left 5px transparent; padding-left:8px;}/*内容分隔*/
#fav p { border-bottom:1px dashed #579bdf;}/*收藏夹*/
.line_dotted {background:url("/css/skin/blue/imgs/line_dotted.gif") repeat scroll 0 0 transparent;font-size:0;height:1px;line-height:0;overflow:hidden;}/*分隔线* /
.areaColor{color:#FF6600;}/*区域导航选中颜色*/
.areaNav{margin:5px 3px 3px; font-size:14px; border-bottom:1px solid #579bdf;}/*区域导航设置*/
.rebateColor{color:#FF6600;}/*打折颜色设置*/
.rebateNav{margin:5px 3px 3px; font-size:14px; border-bottom:1px solid #579bdf;}/*打折导航设置*/
.rebateConP{background:url("/css/skin/blue/imgs/a_dot.gif") no-repeat scroll left 5px transparent; padding-left:8px;border-bottom:1px dashed #579bdf;}/*区域导航设置*/
.rebateText{line-height:19px; margin:0 5px 3px;border-bottom:1px dashed #579bdf;}
.lsText{margin:0 0px 5px;border-bottom:1px solid #579bdf;font-size:14px;}/*列表文本信息*/
.rebateColor{color:#000;}

/*---分页S---*/
#pagination_box {clear: both;overflow: hidden;height: 18px;text-align: left;margin-top: 5px;zoom: 1;line-height: 18px;}
#pagination_box a {border: 1px solid #BACBDD;margin-right: 1px;margin-left: 2px;padding-top: 0px;padding-right: 2px;padding-bottom: 0px;padding-left: 2px;overflow: hidden;font-family: "宋体";}
#pagination_box a:link {color: #497098;}
#pagination_box a:visited {color: #497098;}
#pagination_box a:hover {color: #FFFFFF;background-color: #658CB4;text-decoration: none;}
#pagination_box a:active {color: #497098;}
#pagination_box .currentlyPage:link {color: #ffffff;background-color: #658CB4;}
#pagination_box .currentlyPage:visited {color: #ffffff;background-color: #658CB4;;}
#pagination_box .currentlyPage:hover {color: #ffffff;background-color: #658CB4;}
#pagination_box .currentlyPage:active {color: #ffffff;background-color: #658CB4;}
#pagination_box .PB_input {width: 18px;overflow: hidden;border: 1px solid #CCCCCC;vertical-align: middle;}
#pagination_box .PB_but {cursor: hand;padding-left: 1px;vertical-align: middle;padding-bottom: 2px;margin-top: 2px;}
/*---分页E---*/
/* CSS Document */

Python网络爬虫与推荐算法新闻推荐平台:网络爬虫:通过Python实现新浪新闻的爬取,可爬取新闻页面上的标题、文本、图片、视频链接(保留排版) 推荐算法:权重衰减+标签推荐+区域推荐+热点推荐.zip项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传,可轻松复刻,拿到资料包后可轻松复现出一样的项目,本人系统开发经验充足(全领域),有任何使用问题欢迎随时与我联系,我会及时为您解惑,提供帮助。 【资源内容】:包含完整源码+工程文件+说明(如有)等。答辩评审平均分达到96分,放心下载使用!可轻松复现,设计报告也可借鉴此项目,该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的。 【提供帮助】:有任何使用问题欢迎随时与我联系,我会及时解答解惑,提供帮助 【附带帮助】:若还需要相关开发工具、学习资料等,我会提供帮助,提供资料,鼓励学习进步 【项目价值】:可用在相关项目设计中,皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面,可借鉴此优质项目实现复刻,设计报告也可借鉴此项目,也可基于此项目来扩展开发出更多功能 下载后请首先打开README文件(如有),项目工程可直接复现复刻,如果基础还行,也可在此程序基础上进行修改,以实现其它功能。供开源学习/技术交流/学习参考,勿用于商业用途。质量优质,放心下载使用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值