html 调用 CSS文件的代码

最新推荐文章于 2023-12-15 08:56:02 发布
最新推荐文章于 2023-12-15 08:56:02 发布
阅读量259 收藏
点赞数
原文链接：http://www.cnblogs.com/circlesport/archive/2007/01/30/634790.html
版权
html 调用 CSS文件的代码
<link href="css/default.css" rel="stylesheet" type="text/css">

<STYLE type= text/css>

<!--

body,ul,ol,li,p,h 1,h 2,h 3,h 4,h 5,h 6,form,fieldset,table,td,img,div{margin: 0;padding: 0;border: 0;}

body,ul,ol,li,p,form,fieldset,table,td{font-family: "宋体";}

body{background:#fff;color:# 000;}

td,p,li,select,input,textarea,div{font-size: 12px;}



ul{list-style-type:none;}

select,input{vertical-align:middle; padding: 0; margin: 0;}



.f 14{font-size: 14px;}

.lh 20{line-height: 20px;}



a{text-decoration:underline;}

a:link{color:# 009;}

a:visited{color:# 800080;}

a:hover,a:active,a:focus{color:#c 00;}



.clearit{clear:both;}



/* 列表 */

/* 14px加点列表 */

.link 14listStyle li{text-align:left;line-height: 23px;font-size: 14px;padding: 0 0 0 9px;background:url(http://image 2.sina.com.cn/home/ 07index/sinahome_ws_ 002.gif) no-repeat 0 50%;}

/* 14px无点列表 */

.link 14list li{text-align:left;line-height: 23px;font-size: 14px;padding: 0;}

.link 14list 2 li{text-align:left;line-height: 23px;font-size: 14px;padding: 0;background:url();padding: 0 0 0 9px;}

/* 12px加点列表 */

.link 12listStyle li{text-align:left;line-height: 20px;font-size: 12px;padding: 0 0 0 9px;background:url(http://image 2.sina.com.cn/home/ 07index/sinahome_ws_ 002.gif) no-repeat 0 7px;}

/* 12px无点列表 */

.link 12list li{text-align:left;line-height: 20px;font-size: 12px;padding: 0;}

.link 12list 2 li{text-align:left;line-height: 20px;font-size: 12px;padding: 0;background:url();padding: 0 0 0 9px;}



/* 浪首head */

#head{width: 750px; height: 30px; margin: 5px 0 0 0; overflow:hidden; clear:both; background:#ffd 77b; border-bottom: 1px #ddb 659 solid;}

#head a{text-decoration:underline;}

#head a:link,#head a:visited{color:# 009;}

#head a:hover,#head a:active,#head a:focus{color:#c 00;}

.LiBlk 01,.LiBlk 02,.LiBlk 03{float:left; padding: 9px 0 0 7px;}

.LiBlk 01 li,.LiBlk 02 li,.LiBlk 03 li{float:left; padding-right: 5px;}

.LiBlk 02{padding: 9px 0 0 0;}

.LiBlk 02 li{padding-right: 7px;}

.LiBlk 03{padding: 9px 0 0 2px;}

.LiBlk 03 li{padding-right: 8px;}

.LiBlk 03 li img{float:left; margin: 1px 4px 0 0; cursor:pointer;}

/* 浪首head-登陆区 */

#head fieldset{float:left;}

.LogTxt{float:left; padding: 9px 5px 0 0; color:# 000; text-align:left;}

.LogIpt{float:left; padding: 6px 0 0 0;}

.LogIpt #u,.LogIpt #psw{width: 50px; height: 14px;}

.LogIpt #u{margin-right: 7px;}

.LogIpt #psw{margin-right: 4px;}

.LogSlt{float:left; width: 80px; padding: 6px 0 0 0;}

.LogSlt select{width: 74px; height: 18px;}

.LogBtn{float:left; width: 43px; padding: 6px 0 0 0; text-align:left;}

.LogBtn input{width: 35px; height: 20px;}



/* 061228修改 ws logo下增加天气预报iframe begin */

/* logo导航区 */

#logonav{width: 750px; height: 85px; clear:both; no-repeat left top;}

/* logo */

#logo{float:left; width: 140px; padding: 5px 0 0 20px; text-align:left;}

/* 导航 */

.nav{width: 584px; color:# 989898; margin-top: 9px;}

.nav td{line-height: 17px; text-align:center;}

.nav a{text-decoration:none;}

.nav a:link,.nav a:visited{color:# 333;}

.nav a:hover,.nav a:active,.nav a:focus{color:#c 00;}

/* 061228修改 ws logo下增加天气预报iframe end */



/* 顶通 */

#topAD{width: 748px; height: 185px; overflow:hidden; border: 1px #cccbc 9 solid; line-height: 20px; margin-bottom: 7px;}

/* 顶通左侧四栏文字链切换 */

.topADL 4{float:left; width: 157px;}

.topADTabs{width: 22px; float:left; color:# 494d 50; padding-top: 1px;}

.topADTabs li{width: 18px; height: 36px; padding: 9px 0 0 0; border: 1px #fff solid; border-top:none; border-left:none; vertical-align:middle; line-height: 15px; text-align:center; background:#e 7edf 9; cursor:pointer;}

.topADTabs .topADTabsOn{width: 19px; background:url(http://image 2.sina.com.cn/home/ 07index/sinahome_ws_ 010.gif) no-repeat; padding: 9px 0 0 3px; border-left: 1px #fff solid; text-align:left; cursor:pointer;}

.topADTabsCon{width: 115px; float:left; text-align:left; padding: 4px 0 0 14px;}

.topADTabsCon li{line-height: 20px; height: 20px; overflow:hidden;}

#load 01{padding-top: 80px; text-align:center;}

/* 顶铜中间 */

.topADC{width: 468px; overflow:hidden; float:left; padding-top: 4px;}

.topADCT{text-align:left;width: 468px;}

.topADCT li{float:left; width: 25%;}

.topADCM{width: 468px; height: 95px; overflow:hidden; clear:both; margin: 3px 0 2px 0;}

/* 顶通右侧文字链 */

.topADR{width: 110px; height: 182px; overflow:hidden; float:right; text-align:left; padding: 4px 0 0 0;}



/* 区块 */

/* 061228修改 ws 增加区块背景色 begin */

.PartL,.PartL 2{width: 160px; overflow:hidden; background:url(http://image 2.sina.com.cn/home/ 07index/sinahome_ws_ 011.gif) repeat-y #ffd 77b; border-bottom: 1px #E 5B 952 solid;}

/* 061228修改 ws 增加区块背景色 end */

.PartL 2{border-bottom:none;}



/* 舌签文字链 */

.TabADS{width: 160px; overflow:hidden;}

.TabADS ul{width: 160px; height: 24px; overflow:hidden; clear:both; background:#fff;}

/* 061228修改 ws 增加舌签背景色 begin */

.TabADS li{width: 40px; float:left; height: 18px; padding: 6px 0 0 0; background:url(http://image 2.sina.com.cn/home/ 07index/sinahome_ws_ 013.gif) no-repeat right #e 4e 4e 4; text-align:center; color:# 333; cursor:pointer;}

.TabADS .TasADSOn{background:url(http://image 2.sina.com.cn/home/ 07index/sinahome_ws_ 012.gif) no-repeat right #ffe 4a 6; text-align:center; color:# 333; font-weight:bold; cursor:pointer;}

/* 061228修改 ws 增加舌签背景色 end */

.TabADSCon{padding: 6px 5px 0 10px;}

.TabADSCon li{text-align:left; line-height: 20px;}

#load 02{padding-top: 180px; text-align:center;}

#load 03,#load 04,#load 05,#load 06{padding-top: 84px; height: 109px; text-align:center;}



/* PartA左侧Button */

.PartLBtnAds{width: 100px; height: 100px; overflow:hidden; padding: 7px 0; margin: 0 auto;}

/* 061228修改 ws 广告尺寸修改为 120x 120 begin */

.PartLBtnAds 2{width: 150px; height: 120px; padding: 10px 0; margin: 0 auto;text-align:center}

/* 061228修改 ws 广告尺寸修改为 120x 120 end */



/* PartA右侧 2 */

.BlkPartA 2{width: 585px;}

.BlkPartA 2 .Blk 2RC{width: 287px; border: 1px #ccc solid; padding-bottom: 10px;}



/* 爱问搜索 */

.iAskBlk h 1{background:#fff 9e 5; font-size: 12px; font-weight:normal; height: 25px;}

.iAskBlk h 1 img{float:left; margin: 5px 0 0 11px;}

.iAskBlk h 1 .caplink{float:right; padding: 6px 12px 0 0;}

.iAskBlk h 1 a:link,.iAskBlk h 1 a:visited{color:# 009;}

.iAskBlk h 1 a:hover,.iAskBlk h 1 a:active{color:#c 00;}

.iAskTabs{background:url(http://image 2.sina.com.cn/home/ 07index/sinahome_ws_ 022.gif) repeat-x; height: 27px; overflow:hidden;}

.s_on{width: 43px; background:#ffe 388 url(http://image 2.sina.com.cn/pfp/i/v 3_nav_a.gif) no-repeat top; font-weight:bold; color:#a 23800;}

.s_of{width: 43px; background:#ededed url(http://image 2.sina.com.cn/pfp/i/v 3_nav_a.gif) no-repeat bottom;}

.m_on{width: 43px; background:#fff 8dc url(http://image 2.sina.com.cn/pfp/i/v 3_nav_a.gif) no-repeat center; cursor:pointer; color:#a 23800;}

.bk_n{height: 18px; margin: 0 auto; font-size: 12px;}

.i_btn{width: 60px; height: 20px;}

.i_sx{font-size: 10px; padding: 5px; color:# 999;}

.iAskCon{height: 94px; overflow:hidden; padding-top: 8px;}



/* 查博士 */

.Cbs h 1{border-bottom: 1px #ccc solid; background:#eefaff; height: 23px; overflow:hidden; font-size: 12px; font-weight:normal;}

.Cbs h 1 img{float:left;}

.Cbs h 1 a:link,.Cbs h 1 a:visited{color:# 009;}

.Cbs h 1 a:hover,.Cbs h 1 a:active{color:#c 00;}

.Cbs h 1 .caplink{float:right; padding: 6px 5px 0 0;}

.CbsSrh{background:url(http://image 2.sina.com.cn/home/ 07index/sinahome_ws_ 029.gif) repeat-x bottom #fff; height: 35px; padding: 10px 0 0 10px; overflow:hidden; text-align:left;}

.CbsSrh #k{width: 125px; height: 16px;}

.CbsSrh #iask_s{height: 20px; margin-left: 5px;}

.CbsSrhBtn{width: 38px; height: 20px; margin:- 1px 0 0 5px;}

.CbsBlk{padding: 6px 0 0 9px;}



/* 企业服务 */

.NetSvr{text-align:left;}

.NetSvr h 1{border-bottom: 1px #ccc solid; background:#eefaff; height: 23px; overflow:hidden; font-size: 12px; font-weight:normal; margin: 0 0 11px 0;}

.NetSvr h 1 a:link,.NetSvr h 1 a:visited{color:# 009;}

.NetSvr h 1 a:hover,.NetSvr h 1 a:active{color:#c 00;}

.NetSvr h 1 .capname{float:left; font-weight:bold; color:# 333; padding: 6px 0 0 14px;}

.NetSvr h 1 .capname a:link,.NetSvr h 1 .capname a:visited{color:# 333; text-decoration:none;}

.NetSvr h 1 .capname a:hover,.NetSvr h 1 .capname a:active{color:# 333; text-decoration:underline;}

.NetSvr h 1 .caplink{float:right; padding: 6px 5px 0 0;}







/* PartL单签列表块 */

.PartLTxtBlk{width: 160px; overflow:hidden; clear:both; text-align:left;}

/* 061228修改 ws 增加h 1背景色 begin */

.PartLTxtBlk h 1{background:url(http://image 2.sina.com.cn/home/ 07index/sinahome_ws_ 023.gif) no-repeat #fff 2d 4; color:# 333; font-size: 12px; text-align:center; padding: 6px 0 0 0; height: 18px;}

/* 061228修改 ws 增加块背景色 end */

.PartLTxtBlk h 1 a:link,.PartLTxtBlk h 1 a:visited{color:# 333; text-decoration:none;}

.PartLTxtBlk h 1 a:hover,.PartLTxtBlk h 1 a:active{color:# 333; text-decoration:underline;}

.PartLTxtBlk ul{padding: 6px 5px 0 10px; line-height: 20px;}



.PartLTxtBlkRed{width: 160px; overflow:hidden; clear:both; text-align:left;}

/* 061228修改 ws 添加h 1背景色 begin */

.PartLTxtBlkRed h 1{background:url(http://image 2.sina.com.cn/home/ 07index/sinahome_ws_ 030.gif) no-repeat #c 00; color:#fff; font-size: 12px; text-align:left; padding: 6px 0 0 22px; height: 18px;}

/* 061228修改 ws 添加h 1背景色 */

.PartLTxtBlkRed h 1 a:link,.PartLTxtBlkRed h 1 a:visited{color:#fff; text-decoration:none;}

.PartLTxtBlkRed h 1 a:hover,.PartLTxtBlkRed h 1 a:active{color:#fff; text-decoration:underline;}

.PartLTxtBlkRed ul{padding: 6px 5px 0 10px; line-height: 20px;}





/* 两列布局 - 黑色 */

.BlkBlack{width: 585px;}

.BlkBlack .Blk 2RC{width: 289px; border-bottom: 1px #BFBFBF solid; background:url(http://image 2.sina.com.cn/home/ 07index/sinahome_ws_ 016.gif) repeat-y;}

/* 061228修改 ws 增加h 1背景色 begin */

.BlkBlack .Blk 2RC h 1{color:#FFFAE 1; font-size: 12px; background:url(http://image 2.sina.com.cn/home/ 07index/sinahome_ws_ 014.gif) repeat-x # 575757; height: 24px; overflow:hidden; margin-bottom: 9px; font-weight:normal;}

.BlkBlack .Blk 2RC h 1 .BlkBlackTab{width: 62px; height: 18px; text-align:center; overflow:hidden; padding: 6px 0 0 0; color:# 333; font-weight:bold; background:url(http://image 2.sina.com.cn/home/ 07index/sinahome_ws_ 024.gif) no-repeat #ddd; float:left;}

.BlkBlack .Blk 2RC h 1 .BlkBlackTabOff{width: 62px; height: 18px; text-align:center; overflow:hidden; padding: 6px 0 0 0; color:#fff; background:url(http://image 2.sina.com.cn/home/ 07index/sinahome_ws_ 025.gif) no-repeat # 888; float:left;}

/* 061228修改 ws 增加h 1背景色 end */

.BlkBlack .Blk 2RC h 1 .BlkBlackTab a:link,.BlkBlack .Blk 2RC h 1 .BlkBlackTab a:visited{color:# 333; text-decoration:none;}

.BlkBlack .Blk 2RC h 1 .BlkBlackTab a:hover,.BlkBlack .Blk 2RC h 1 .BlkBlackTab a:active{color:# 333; text-decoration:underline;}

.BlkBlack .Blk 2RC h 1 .BlkBlackTabOff a:link,.BlkBlack .Blk 2RC h 1 .BlkBlackTabOff a:visited{color:#fff; text-decoration:none;}

.BlkBlack .Blk 2RC h 1 .BlkBlackTabOff a:hover,.BlkBlack .Blk 2RC h 1 .BlkBlackTabOff a:active{color:#fff; text-decoration:underline;}

.BlkBlack .Blk 2RC h 1 .capTxt{display:block; float:right; padding: 6px 8px 0 0; text-align:right;}

.BlkBlack .Blk 2RC h 1 .capTxt a:link,.BlkBlack .Blk 2RC h 1 .capTxt a:visited{color:#FFFAE 1; text-decoration:underline;}

.BlkBlack .Blk 2RC h 1 .capTxt a:hover,.BlkBlack .Blk 2RC h 1 .capTxt a:active,#head a:focus{color:#FFD 77B; text-decoration:underline;}

.BlkBlack .Blk 2RC .List{padding: 0 0 8px 9px; clear:both;}

.BlkBlack .Blk 2RC .List 2{padding: 0 0 0 9px; clear:both;}

.BlkBlack .Blk 2RC .List 2 li{height: 20px; overflow:hidden;}

.AD 289149{width: 284px; height: 149px; overflow:hidden; padding: 0 2px 11px 2px;}



/* 两列布局 - 黑色 2 */

.BlkBlack 2{width: 585px;}

.BlkBlack 2 .Blk 2RC{width: 289px; border-bottom: 1px #BFBFBF solid; background:url(http://image 2.sina.com.cn/home/ 07index/sinahome_ws_ 016.gif) repeat-y;}

/* 061228修改 ws 增加h 1背景色 begin */

.BlkBlack 2 .Blk 2RC h 1{color:#FFFAE 1; font-size: 12px; background:url(http://image 2.sina.com.cn/home/ 07index/sinahome_ws_ 014.gif) repeat-x # 575757; height: 24px; overflow:hidden; margin-bottom: 9px; font-weight:normal;}

.BlkBlack 2 .Blk 2RC h 1 .BlkBlackTab{width: 102px; height: 18px; text-align:center; overflow:hidden; padding: 6px 0 0 0; color:#b 5b 5b 5; font-weight:bold; background:url(http://image 2.sina.com.cn/home/ 07index/sinahome_ws_ 026.gif) no-repeat #ddd; float:left;}

.BlkBlack 2 .Blk 2RC h 1 .BlkBlackTab 2{width: 182px; background:url(http://image 2.sina.com.cn/home/ 07index/sinahome_ws_ 027.gif) no-repeat #ddd;}

/* 061228修改 ws 增加h 1背景色 end */

.BlkBlack 2 .Blk 2RC h 1 .BlkBlackTab a:link,.BlkBlack 2 .Blk 2RC h 1 .BlkBlackTab a:visited{color:# 333; text-decoration:none;}

.BlkBlack 2 .Blk 2RC h 1 .BlkBlackTab a:hover,.BlkBlack 2 .Blk 2RC h 1 .BlkBlackTab a:active{color:# 333; text-decoration:underline;}

.BlkBlack 2 .Blk 2RC h 1 .capTxt{display:block; float:right; padding: 6px 8px 0 0; text-align:right;}

/* 061228修改 ws 修正点击过的链接颜色 begin */

.BlkBlack 2 .Blk 2RC h 1 .capTxt a:link,.BlkBlack 2 .Blk 2RC h 1 .capTxt a:visited{color:#FFFAE 1; text-decoration:underline;}

.BlkBlack 2 .Blk 2RC h 1 .capTxt a:hover,.BlkBlack 2 .Blk 2RC h 1 .capTxt a:active{color:#FFD 77B; text-decoration:underline;}

/* 061228修改 ws 修正点击过的链接颜色 end */

.BlkBlack 2 .Blk 2RC .List{padding: 0 0 0 9px; clear:both;}



/* 两列布局 - 紫色 */

.BlkPurple{width: 585px;}

.BlkPurple .Blk 2RC{width: 287px; border: 1px #d 7c 0f 2 solid;}

.BlkPurple .Blk 2RC h 1{color:#fff; font-size: 12px; text-align:left; padding: 7px 0 0 32px; background:url(http://image 2.sina.com.cn/home/ 07index/sinahome_ws_ 001.gif) no-repeat; border-bottom: 1px #d 7c 0f 2 solid; height: 15px; position:relative; margin-bottom: 9px;}

/* 061228修改 ws 修改字体颜色为#d 7c 0f 2 begin */

.BlkPurple .Blk 2RC h 1 .h 1Shadow{position:absolute; left: 0; top: 0; padding: 6px 0 0 31px; height: 16px; color:#d 7c 0f 2;}

/* 061228修改 ws 修改字体颜色为#d 7c 0f 2 end */

.BlkPurple .Blk 2RC h 1 .h 1Shadow a:link,.BlkPurple .Blk 2RC h 1 .h 1Shadow a:visited{color:# 609;text-decoration:none;}

.BlkPurple .Blk 2RC h 1 .h 1Shadow a:hover,.BlkPurple .Blk 2RC h 1 .h 1Shadow a:active{color:# 609;text-decoration:underline;}

.BlkPurple .Blk 2RC .List{padding: 0 0 8px 9px; clear:both;}



/* 两列布局 - 橘色 */

.BlkOrange{width: 585px;}

.BlkOrange .Blk 2RC{width: 287px; border: 1px #ffc 27f solid;}

.BlkOrange .Blk 2RC h 1{color:#fff; font-size: 12px; text-align:left; padding: 7px 0 0 32px; background:url(http://image 2.sina.com.cn/home/ 07index/sinahome_ws_ 003.gif) no-repeat; border-bottom: 1px #ffc 27f solid; height: 15px; position:relative; margin-bottom: 9px;}

/* 061228修改 ws 修改字体颜色为#f 39e 82 begin */

.BlkOrange .Blk 2RC h 1 .h 1Shadow{position:absolute; left: 0; top: 0; padding: 6px 0 0 31px; height: 16px; color:#f 39e 82;}

/* 061228修改 ws 修改字体颜色为#f 39e 82 end */

.BlkOrange .Blk 2RC h 1 .h 1Shadow a:link,.BlkOrange .Blk 2RC h 1 .h 1Shadow a:visited{color:#c 30;text-decoration:none;}

.BlkOrange .Blk 2RC h 1 .h 1Shadow a:hover,.BlkOrange .Blk 2RC h 1 .h 1Shadow a:active{color:#c 30;text-decoration:underline;}

.BlkOrange .Blk 2RC .List{padding: 0 0 8px 9px; clear:both;}



/* 两列布局 - 绿色 */

.BlkGreen{width: 585px;}

.BlkGreen .Blk 2RC{width: 287px; border: 1px # 8edcbf solid;}

.BlkGreen .Blk 2RC h 1{color:#fff; font-size: 12px; text-align:left; padding: 6px 0 0 32px; background:url(http://image 2.sina.com.cn/home/ 07index/sinahome_ws_ 004.gif) no-repeat; border-bottom: 1px # 8edcbf solid; height: 16px; position:relative; margin-bottom: 9px;}

/* 061228修改 ws 修改字体颜色为# 8edcbf begin */

.BlkGreen .Blk 2RC h 1 .h 1Shadow{position:absolute; left: 0; top: 0; padding: 5px 0 0 31px; height: 17px; color:# 8edcbf;}

/* 061228修改 ws 修改字体颜色为# 8edcbf end */

.BlkGreen .Blk 2RC h 1 .h 1Shadow a:link,.BlkGreen .Blk 2RC h 1 .h 1Shadow a:visited{color:# 066;text-decoration:none;}

.BlkGreen .Blk 2RC h 1 .h 1Shadow a:hover,.BlkGreen .Blk 2RC h 1 .h 1Shadow a:active{color:# 066;text-decoration:underline;}

.BlkGreen .Blk 2RC .List{padding: 0 0 8px 9px; clear:both;}



/* 两列布局 - 黄色 */

.BlkYellow{width: 585px;}

.BlkYellow .Blk 2RC{width: 287px; border: 1px #fc 6 solid;}

.BlkYellow .Blk 2RC h 1{color:#fff; font-size: 12px; text-align:left; padding: 6px 0 0 32px; background:url(http://image 2.sina.com.cn/home/ 07index/sinahome_ws_ 006.gif) no-repeat; border-bottom: 1px #fc 6 solid; height: 16px; position:relative; margin-bottom: 9px;}

.BlkYellow .Blk 2RC h 1 .h 1Shadow{position:absolute; left: 0; top: 0; padding: 5px 0 0 31px; height: 17px; color:#c 30;}

.BlkYellow .Blk 2RC h 1 .h 1Shadow a:link,.BlkYellow .Blk 2RC h 1 .h 1Shadow a:visited{color:#c 30;text-decoration:none;}

.BlkYellow .Blk 2RC h 1 .h 1Shadow a:hover,.BlkYellow .Blk 2RC h 1 .h 1Shadow a:active{color:#c 30;text-decoration:underline;}

.BlkYellow .Blk 2RC .List{padding: 0 0 8px 9px; clear:both;}



/* 城市联盟 */

.cityUnion{width: 750px; height: 54px; overflow:hidden; border: 1px #f 2dca 8 solid; background:#fff 8de; margin-bottom: 15px;}

.cityUnionName{float:left; width: 90px; padding: 8px 0 0 0; text-align:center; line-height: 20px;}

.cityUnionList{float:left; padding: 8px 0 0 0; line-height: 20px; text-align:left;}



/* 图文 */

.ImgTxt 01{width: 277px; height: 77px; overflow:hidden; padding: 0 0 8px 9px; clear:both;}

.ImgTxt 01 .Img{width: 94px; height: 74px; overflow:hidden; float:left; padding: 3px 10px 0 0;}

.ImgTxt 01 .Img img{border: 1px # 000 solid;}

.ImgTxt 01 .Img p{background:#c 00; color:#fff; text-align:center; height: 15px; padding-top: 3px; margin-top: 2px;}

.ImgTxt 01 ul{float:right; width: 173px;}

.ImgTxt 02{clear:both; padding: 2px 0 0 10px; height: 76px; overflow:hidden;}

.ImgTxt 02 .Img{}

.ImgTxt 02 .Img img{border: 1px # 000 solid; margin-top: 3px;}

.ImgTxt 02 ul{float:left; display:block; width: 80px; margin-top:- 6px;}





/* 链接 */

.linkWhite 01 a:link,.linkWhite 01 a:visited{color:#fff; text-decoration:underline;}

.linkWhite 01 a:hover,.linkWhite 01 a:active{color:#ffc; text-decoration:underline;}

a.linkRed 01:link,a.linkRed 01:visited{color:#f 00;}

a.linkRed 01:hover,a.linkRed 01:active{color:#c 30;}

a.linkRed 02:link,a.linkRed 02:visited{color:#c 00; text-decoration:none;}

a.linkRed 02:hover,a.linkRed 02:active{color:#f 00; text-decoration:underline;}

a.linkRed 03:link,a.linkRed 03:visited{color:#c 00; text-decoration:underline;}

a.linkRed 03:hover,a.linkRed 03:active{color:#f 00; text-decoration:underline;}

.linkBlack 01 a:link,.linkBlack 01 a:visited{color:# 000; text-decoration:underline;}

.linkBlack 01 a:hover,.linkBlack 01 a:active{color:#c 30; text-decoration:underline;}





/* 分割线 */

.DotLine 01{background:url(http://image 2.sina.com.cn/home/ 07index/sinahome_ws_ 017.gif) repeat-x; height: 5px; overflow:hidden; clear:both;}



/* 间隔 */

.Hspace- 1- 6{width: 1px; height: 6px; overflow:hidden; clear:both;}





/* footer */

#footer{width: 750px; overflow:hidden; text-align:center; color:# 333;}

#footer p{line-height: 20px;}

#footer .eng{font-family:Arial, Helvetica, sans-serif;}

#footer p a:link,#footer p a:visited{color:# 333; text-decoration:underline;}

#footer p a:hover,#footer p a:active{color:#c 30; text-decoration:underline;}

#footer table{margin: 13px 0;}

#footer td{border: 1px #d 2d 2d 2 solid;}

/* 061228修改 ws 增加footer区链接样式 begin */

#footer div a:link,#footer div a:visited{color:# 009; text-decoration:underline;}

#footer div a:hover,#footer div a:active{color:#c 00; text-decoration:underline;}

/* 061228修改 ws 增加footer区链接样式 end */



. 061231_fix_ff{margin-top: 0px;}

-->

</STYLE>
posted on 2007-01-30 15:43 无极.net 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/circlesport/archive/2007/01/30/634790.html

weixin_33811539
关注
如何在html中使用css
m0_60499747的博客
09-08 571
在html中使用css，有三种方法：行内样式、内联样式、外部样式 1.行内样式：行内样式可用于为单个元素应用唯一的样式。 将样式写在元素的style属性中，style 属性可包含任何 CSS 属性。 <divstyle='color:red;font-sian:20px;'> 缺点：1.结构和样式没有分离 2.代码的复用率低 优点：优先级高 2.内联样式：将代码写在head标签中的style标签中 <sy...
html文件中引入css代码
weixin_30617695的博客
07-22 80
csstest.html <!--doctype:文档类型，用于制定使用哪个dtd（说明当前这个html文件遵循什么版本）--> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4.01 Transitional//EN"<html><head><title>css1.html</title>...
HTML引入到CSS四种形式代码,引入css的四种方式
weixin_35934603的博客
06-25 1278
1.内联式引用：直接用在标签上，但维护成本高style='font-size:16px;color:#000000'2.外部连接式引用：css代码与html代码分离，便于代码重复使用style.css文件内容如右：.font{color:blue;font-size:12px;}3.内部式引用：页面较为清晰，但不能被别的页面使用.font{color:blue;font-size:12px;}4....
HTML引用CSS（4种方法）
ccc369639963的博客
05-06 2496
因为内嵌样式表需要将 CSS 样式定义在 HTML 文档的内部，所以会导致文档的体积变大，而且当有其它文档也需要使用内嵌样式表中同样的样式时，无法引入到其他文档，必须在其它文档中重新定义，会导致代码冗余，不利于后期维护。外部样式表是最常见也是最推荐的引用 CSS 的方式，您只需要将 CSS 样式定义在一个 .css 格式的文件中，然后使用 HTML 的标签将这个 .css 格式的样式文件应用到 HTML 文档中。@import同样可以在 .css 格式的文件中使用，但同样需要定义在所有样式的前面；
HTML中引入CSS的方式
m0_61551593的博客
01-18 4496
在HTML中引入CSS有四种方式 结论是建议使用外部链接的方式运用CSS样式
动态调用CSS文件的JS代码
12-10
动态调用CSS文件是网页开发中的一个...总的来说，动态调用CSS文件的JS代码是一种实用的技术，能够帮助开发者更好地控制页面的样式表现，并且优化加载性能。在实际应用中，需要根据项目需求和用户体验来权衡其优缺点。
web图表资源包（HTML调用，含JS，CSS代码文件）
最新发布
09-13
3.以写字板方式打开主文件，观察代码中用到的头文件（通常有4-5个，js和css格式），将其一一挑选出来放到一起； 4.将主文件中各子文件的路径去掉，因为都已放在了同一个文件夹里。用浏览器运行看能否正常打开该html...
动态调用css文件——jquery的应用
10-31
标题中的“动态调用css文件——jquery的应用”指的是利用JavaScript库jQuery来实现在网页中动态加载或切换CSS样式表的功能。这种技术对于增强用户体验、实现主题切换或个性化定制有着重要作用。下面将详细介绍这个...
JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
12-12
最近看一个网站，发现显示器不同的分辨率，样式文件调用的也不一样，今天写了一个例子研究一下， 代码如下: <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8″> <title>无标题文档...
JS代码实例：实现随机加载不同的CSS样式
爱码农爱生活
04-19 310
如果让网页浏览者每次打开页面都有新的感觉，可以通过替换css样式来处理。下面来介绍一下。 随机载入CSS样式的JS效果实际上很好实现，本文的代码如下，具体思路是用一个默认的CSS样式：default.css。另外再用三个其他名称 的CSS：skin1.css，skin2.css，skin3.css。当然你可以用更多的样式表，随后在载入时进行随机替换，因为最先载入的 default.css样式是直...
50种css常用的代码（实用）
m0_64590669的博客
12-15 6659
50种css常用的代码（实用）
HTML+CSS的简单使用（代码）
早安再见晚安舒服
04-11 5238
示例1 其中有图片或者视频的地方被我注释掉了，因为你们电脑不存在我这个HTML所需要的视频或者图片文件，但是大家可以添加自己的图片或者视频进去，其实主要还是希望大家看一下里面的细节操作，这都是很简单的对标签的使用，两个示例的图片我都放在后面展示，相关的CSS文件也附代码 html文件： <!DOCTYPE html> <html> <head> <tit...
怎么调用html怎么调用css,html如何调用外部css
weixin_34377744的博客
07-17 331
调用方法：1、使用“”语句调用；[emailprotected] url(CSS文件路径地址)”语句调用。本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。html调用外部css有两种方法1、链接式在网页的标签对中使用标记来引入外部样式表文件，使用html规则引入外部css。语法： 标签定义文档与外部资源的关系， 标签最常见的用途是链接样式表。2...
html链接css代码link,CSS 链接(link)
weixin_35600779的博客
06-17 2689
CSS 链接不同的链接可以有不同的样式。链接样式链接的样式，可以用任何CSS属性(如颜色，字体，背景等)。特别的链接，可以有不同的样式，这取决于他们是什么状态。这四个链接状态是：a:link - 正常，未访问过的链接a:visited - 用户已访问过的链接a:hover - 当用户鼠标放在链接上时a:active - 链接被点击的那一刻实例html>html教程(html.cn)a:lin...
HTML调用CSS的四种方法
brave
09-30 2万+
前言：因工作使用到以前未曾接触的CSS，但是在调用CSS的过程中遇到一个大问题： `<style type="text/css" src="path/to/style.css">`无法加载的问题。（只知道是无效的方法，具体原因不解，求解）这篇博客详细地列举了4种HTML导入的方式，前面2种方式使用频率最高，同时还列举了使用的场景，不愧为一篇新手需要的博文。
简述在html中加入css的几种方式,IT兄弟连 HTML5教程 CSS3揭秘 在HTML文档中放置CSS的几种方式...
weixin_32200729的博客
06-02 193
原标题：IT兄弟连 HTML5教程 CSS3揭秘 在HTML文档中放置CSS的几种方式 有很多方法将样式表加入到HTML中，每种方法都有自己的优点和缺点。新的HTML元素和属性已被加入，以允许样式表与HTML文档更简易地组合起来。将样式表加入到HTML中的常用方法有内联样式表、嵌入一张样式表或链接到一张外部的样式表。1 内嵌样式表样式可以使用style属性内联，该属性可以应用于任意body元素(包...
HTML5+CSS3[标签(标题、段落、换行、水平线、图片、超文本链接、列表、表格)](二)-全面详解（学习总结---从入门到深化）
02-02 1460
本阶段为基础阶段，主要学习HTML基本结构、骨架、标签和CSS基本样式。通过对这些标签的使用，熟悉布局的搭建结构。合理运行对应标签实现试图效果，是本阶段必须要掌握的知识，为接下来的学习奠定基础。
CSS3入门
weixin_45725142的博客
09-05 324
CSS3入门 一、css概述 1、css能够使网页美观、大方，并且升级轻松、维护方便，实现结构与表现的分离。 2、css提供了丰富的样式，例如：字体属性font:属性值；颜色属性 color:属性值； 背景属性 background:属性值； 浮动属性 float:属性值；等等。 3、CSS非常灵活，既可以嵌入在HTML文档中，也可以是一个单独的外部文件。 注意如果是独立的文件，则必须以.css为后缀名。 css3浏览器支持情况 4、由于各浏览器厂商对css3各属性的支持程度不一样，因此在标准尚未明确的情况
html引用css的三种方法
热门推荐
qq_39497607的博客
03-24 2万+
CSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的. CSS引入到html中有以下三种方法：1- 内联、2-内部样式表、3-外部样式表。 内联样式： &lt;body style="background-color: gray"&gt; 在标签内style=" " 内部样式表： &lt;style...
jsp如何调用cssjs文件
07-12
在 JSP 中调用 CSS 和 JavaScript 文件可以通过以下步骤实现： 1. 在你的项目中创建一个文件夹，用来存放 CSS 和 JavaScript 文件，比如命名为 "resources" 或者 "static"。 2. 将你的 CSS 文件保存在这个文件夹下...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值