360的CSS样式表能发个么 我不太会正在学 求大神指导 最好附带样式表附件 谢谢啦

Posted 2023-03-18

亲，360主页的样式表是直接写在html中的 没有单独的CSS文件！

以下是HTML中部分CSS样式：

@charset "gb2312";

/*common*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, blockquote, pre, form, input, textarea, fieldset, table, th, tdmargin:0;padding:0;
body, button, input, select, textareafont:12px/1.5 "微软雅黑", sans-serif;
bodybackground:url(http://p2.qhimg.com/t01796bde7698ed9f5d.png) repeat-x #fff;color:#000;
ul, ollist-style:none;
imgborder:none;vertical-align:top;
:focusoutline:0;

/*float*/
.f-lfloat:left;
.f-rfloat:right;
.c-bclear:both;
.clearclear:both;height:0;font-size:0;overflow:hidden;
.clearfix:aftercontent:".";display:block;height:0;clear:both;visibility:hidden;
.clearfixclear:both;zoom:1;
.v-a-mvertical-align:middle;

/*font*/
h1font-size:18px;
h2font-size:16px;
h3font-size:14px;
h4, h5, h6font-size:100%;
.f-w-bfont-weight:bold;
.f-w-nfont-weight:normal;
.blackcolor:#000;
.redcolor:#f00;
.graycolor:#999;
.t-a-ltext-align:left;
.t-a-ctext-align:center;
.t-a-rtext-align:right;
.t-d-utext-decoration:underline;
.f-s-12font-size:12px;
.f-s-14font-size:14px;

/*link*/
acolor:#0092ca;text-decoration:none;
a:hovertext-decoration:underline;

/*table*/
tableborder-collapse:collapse;border-spacing:0;

/*layout*/
.m-b-10margin-bottom:10px;
.m-amargin:0 auto;
.docbackground:url(http://p2.qhimg.com/t0190747860f190589a.gif) no-repeat 50% 60px;width:970px;margin:0 auto;

/*header*/
.doc-hdheight:60px;
.logofloat:left;margin:6px 0 0 13px;

/*footer*/
.doc-ftcolor:#999;border-top:1px solid #e8e8e8;padding:12px 0;text-align:center;

/*nav*/
.pri-navfloat:right;font-size:13px;position:relative;margin-top:16px;
.pri-nav lifloat:left;
.pri-nav .arrowwidth:69px;height:31px;background:url(http://p4.qhimg.com/t01af7380076093a62f.png) no-repeat;position:absolute;left:8px;top:0;z-index:9;
.pri-nav acolor:#444;width:69px;height:31px;line-height:28px;display:block;text-align:center;padding:0 8px;position:relative;z-index:99;
.pri-nav a:hovertext-decoration:none;color:#fff;
.pri-nav .cur acolor:#fff;

/*更新日志*/
.updatebackground:url(http://w.qhimg.com/images/v2/site/weishi/0509/update.png) no-repeat 100% 100% #fff;border:1px solid #cddbe8;margin-bottom:10px;padding:35px 0 0 75px;*zoom:1;
.update-1stmargin-top:30px;border-color:rgba(26, 90, 150, 0.2);
.update h2height:46px;line-height:46px;border-bottom:2px solid #d7d7d7;margin:0 75px 20px 0;padding-right:5px;
.update h2 .titheight:46px;line-height:46px;float:left;color:#444;font-weight:normal;font-size:22px;border-bottom:2px solid #438bbd;padding:0 5px;_position:relative;_bottom:-2px;
.update h2 .datefloat:right;color:#757575;font-size:12px;font-weight:normal;
.update limin-height:30px;margin-bottom:20px;font-size:14px;
.update li .nobackground:url(http://w.qhimg.com/images/v2/site/weishi/0509/no.png) no-repeat;width:30px;height:30px;display:inline-block;text-align:center;font:normal 16px/30px arial;margin-right:10px;
.update .moretext-align:right;font-size:14px;padding:5px 10px 10px;

/*tips*/
.tip-1width:935px;min-height:85px;_height:85px;margin:0 auto 40px;background:#fef8ef;border:1px solid #faecd3;position:relative;
.tip-1 h2font-size:20px;color:#eb6100;font-weight:normal;padding:10px 0 5px 82px;
.tip-1 h2 acolor:#eb6100;
.tip-1 pcolor:#434343;padding-left:82px;
.tip-1 .morewidth:97px;height:30px;line-height:30px;background:url(http://w.qhimg.com/images/v2/site/weishi/0509/btn_1.png) no-repeat;position:absolute;left:794px;top:39px;text-align:center;
.tip-1 .more:hovertext-decoration:none;
.tip-1 .newwidth:82px;height:82px;position:absolute;left:-2px;top:-2px;

/*feature*/
.featurewidth:936px;height:339px;margin:0 auto 40px;background:url(http://p8.qhimg.com/t010d24d102b76ef2f3.jpg) no-repeat;position:relative;
.feature li,
.feature awidth:193px;height:339px;position:absolute;top:0;padding:0 20px;
.feature .item-1,
.feature .a1left:1px;
.feature .item-2,
.feature .a2left:235px;
.feature .item-3,
.feature .a3left:469px;width:195px;
.feature .item-4,
.feature .a4left:705px;width:190px;
.feature h3font-size:20px;color:#0789d3;font-weight:normal;padding:18px 0 5px;_display:inline-block;
.feature pcolor:#797979;line-height:20px;_display:inline-block;
.feature a:hoverbackground:#00a0e9;
filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity:0.1;opacity:0.1;

/*首页轮播*/
#containerwidth:970px;height:440px;margin:0 auto;position:relative;z-index:0;
#examplewidth:970px;height:440px;position:relative;
#slidesposition:absolute;top:0;left:0;z-index:100;
.slides_containerwidth:970px;height:420px;overflow:hidden;position:relative;display:none;
.slidewidth:970px;height:440px;display:block;
.slide-1background:url(http://p2.qhimg.com/t0103e742328ec1c95c.jpg) no-repeat 50% 0;
.slide-2background:url(http://p4.qhimg.com/t014fd31eb3e1f028ca.jpg) no-repeat 50% 0;
.slide-3background:url(http://p9.qhimg.com/t0146fbcdc588064c94.jpg) no-repeat 50% 0;
.slide-4background:url(http://p0.qhimg.com/t01749f2b94ec291ca9.jpg) no-repeat 50% 0;

/*
.slide-5background:url(http://w.qhimg.com/images/v2/site/weishi/0516/slide_5.jpg) no-repeat 50% 0;
.slide-6background:url(http://w.qhimg.com/images/v2/site/weishi/0509/slide_6.jpg) no-repeat 50% 0;
*/

.slide .verposition:absolute;left:823px;top:56px;font-size:16px;font-weight:bold;color:#fff;
.slide h1height:1px;overflow:hidden;
.slide h2font-size:20px;color:#fff;padding:102px 0 0 562px;
text-shadow:0 0 3px rgba(4, 0, 0, .3);
.slide h3height:76px;color:#fff;font-weight:normal;padding:5px 100px 0 562px;line-height:22px;overflow:hidden;
text-shadow:1px 1px 50px rgba(4, 0, 0, .3);
.slide .dlmargin:10px 0 0 556px;
.slide .p-1margin:2px 0 0 562px;background:#fff;
.slide .p-1 abackground:url(http://w.qhimg.com/images/v2/site/weishi/0509/arr_1.gif) no-repeat 0 5px;padding-left:10px;margin-right:20px;
.slide ulpadding:0 0 0 562px;
.slide liheight:20px;color:#6e7479;
.slide .next,
.slide .prevdisplay:none;
.paginationposition:absolute;left:215px;top:365px;z-index:9;
.pagination lifloat:left;margin-right:12px;
.pagination li adisplay:block;width:14px;height:0;padding-top:14px;background-image:url(http://p2.qhimg.com/t0116f179e18d27ddfc.png);background-position:0 0;float:left;overflow:hidden;
.pagination li.current abackground-position:0 -14px;
.loadingposition:absolute;left:405px;top:126px;z-index:99999;
.loading h3color:#fff;font-size:16px;font-weight:normal;padding-bottom:8px;
.loading acolor:#00f;font-size:12px;text-decoration:underline;

/*feature list*/
.f-listborder:1px solid #cddbe8;border-color:rgba(26, 90, 150, 0.2);background:#fff;margin:48px 0 10px;
.f-list h2width:438px;height:80px;background:url(http://w.qhimg.com/images/v2/site/weishi/0509/f_list_tit.png) no-repeat;line-height:200px;overflow:hidden;position:relative;left:-23px;top:18px;margin-bottom:20px;
.f-list liheight:260px;background:url(http://w.qhimg.com/images/v2/site/weishi/0509/f_list_sep.png) no-repeat 50% 100%;padding:50px 0;*zoom:1;
.f-list .item-2height:265px;
.f-list .item-3height:235px;
.f-list .item-4height:255px;
.f-list .item-5height:250px;
.f-list .item-6height:250px;
.f-list .item-1 .pic,
.f-list .item-3 .pic,
.f-list .item-5 .pic,
.f-list .item-7 .picfloat:left;
.f-list .item-2 .pic,
.f-list .item-4 .pic,
.f-list .item-6 .picfloat:right;
.f-list .item-1 .picmargin:0 170px 0 100px;
.f-list .item-2 .picmargin:0 140px 0 130px;
.f-list .item-3 .picmargin:0 180px 0 130px;
.f-list .item-4 .picmargin:0 120px 0 160px;
.f-list .item-5 .picmargin:25px 30px 0 150px;
.f-list .item-6 .picmargin:0 110px 0 170px;
.f-list .item-7 .picmargin:25px 170px 0 150px;
.f-list .lastbackground:none;
.f-list .contoverflow:hidden;*zoom:1;
.f-list .item-1 .cont,
.f-list .item-3 .cont,
.f-list .item-5 .cont,
.f-list .item-7 .contpadding-right:50px;
.f-list .item-2 .cont,
.f-list .item-4 .cont,
.f-list .item-6 .contpadding-left:70px;
.f-list .item-2 .contpadding-top:30px;
.f-list .item-3 .contpadding-top:30px;
.f-list .item-4 .contpadding-top:40px;
.f-list .item-5 .contpadding-top:40px;
.f-list h3font:normal 26px/50px "微软雅黑";color:#434343;
.f-list h3 spanfont-size:22px;
.f-list h3 imgvertical-align:middle;
.f-list .item-6 h3,
.f-list .item-7 h3line-height:32px;padding-bottom:10px;
.f-list pfont:normal 14px/28px "微软雅黑";color:#797979;

追问

谢谢 这就是360的么 还是什么 请解释清楚些

追答

这个就是360网站首页的样式表！当然人家还有一些样式直接卸载HTML标签中了！

参考技术A 还分360或者猎豹吗？追答

不懂