有几种编写CSS样式的方法?内容是什么?

如题!

256 浏览 1 回复
  color   font   #m   div   size  

回复

    body{
    background-color:#0E0E10;
    background-image:url(http://hiphotos.baidu.com/zifengwulei/pic/item/871e0608289a43d162d986b0.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    background-attachment:fixed;
    SCROLLBAR-FACE-COLOR:#0E0E10;
    SCROLLBAR-HIGHLIGHT-COLOR:#A0D5F8;
    SCROLLBAR-SHADOW-COLOR:#A0D5F8;
    SCROLLBAR-3DLIGHT-COLOR:#A0D5F8;
    SCROLLBAR-ARROW-COLOR:#A0D5F8;
    SCROLLBAR-TRACK-COLOR:#0E0E10;
    SCROLLBAR-DARKSHADOW-COLOR:#A0D5F8;
    SCROLLBAR-BASE-COLOR:#0E0E10;
    CURSOR: url('http://webme.bokee.com/inc/mouse055.ani');
    color: #cccccc;}
    a:hover{position:relative;left:1px;top:1px;clip:rect(); CURSOR: url('http://webme.bokee.com/inc/mouse022.ani'); color: #8EC2F5; }
    #header{height:150px;background:transparent}
    #header div.lc{background:transparent}
    #header div.rc{background:transparent}
    #header div.tit{
    top:15px;
    left:20px;
    line-height:35px;
    font-size:28px;
    font-family:"黑体";
    font-style: normal;
    font-weight: bolder;
    color: #94BAF3;
    text-decoration: none;
    FILTER: Glow(Color=CC99FF, Strength=4)}
    #header div.tit a.titlink{color:#8EC2F5;text-decoration:none}
    #header div.tit a.titlink:visited{color:#8EC2F5;text-decoration:none}
    #header div.desc{top:70px;left:20px;color:#CC99FF;font-size:13px}
    #tabline{top:150px;background:transparent;background-color:#94BAF3}
    #tab{top:120px;background:transparent}
    #tab a.on,#tab a.on:link,#tab a.on:visited{
    border: 1px dotted #CC99FF;
    }
    #tab span{color:#FFFFFF;font-size:14px}
    #tab a:link{
    color:#FFFFFF;
    text-decoration:blink;
    font-size:14px;
    filter: Glow(Color=CC99FF, Strength=7);
    font-weight: bold;
    }
    #tab a:visited{
    color:#FFFFFF;
    text-decoration:blink;
    font-size:14px;
    filter: Glow(Color=CC99FF, Strength=7);
    font-weight: bold;
    }
    #tab2{background:#DAE9F5}
    #tab2 span{color:#94BAF3;font-size:12px;font-weight:bold}
    #tab2 a{font-size:12px}
    #tab2 a:link{color:#0000CC}
    #tab2 a:visited{color:#0000CC}
    .stage{background:transparent;}
    #page{color:#BEC0C2;height:30px;font-size:14px;font-family:Arial;text-align:center}
    #page span{padding:3px;color:#BEC0C2;font-size:14px;font-weight:bold}
    #page a.pc{color:#BEC0C2;font-size:14px;font-weight:bold}
    #page a.pc:visited{color:#BEC0C2}
    #page a.pi{padding:3px;color:#8EC2F5;font-size:14px}
    #page a.pi:visited{color:#8EC2F5}
    #comm_info{color:#BEC0C2;font-family:Arial;text-align:left}
    #comm_info div.line{margin-top:5px;line-height:8px;border-top:1px solid #8EC2F5}
    #comm_info a{color:#8EC2F5}
    .mod{margin-bottom:10px}
    .modhandle{cursor:move}
    .modth{height:24px}
    .modhead{padding:4px 4px 0 4px}
    .modopt{padding:4px 4px 0 0}
    .modtit{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtit{color:#FFFFFF}a.modtit:visited{color:#FFFFFF}
    .modtitlink{color:#FF5100;font-size:12px;font-weight:bold}a.modtitlink{color:#FF5100;text-decoration:none}a.modtitlink:visited{color:#FF5100;text-decoration:none}a.modtitlink:hover{color:#FF5100;text-decoration:underline}
    .modact{color:#FFFFFF;font-size:12px}a.modact:link{color:#FFFFFF}a.modact:visited{color:#FFFFFF}
    .modbox{padding:10px 10px 0 10px;background-color:#000000;border-left:1px solid #A3A3A3;border-right:1px solid #A3A3A3}
    .modtl{background:url(http://img.baidu.com/hi/temp8/ptitl.gif) no-repeat top left;line-height:1px}
    .modtc{background:url(http://img.baidu.com/hi/temp8/ptitc.gif) repeat-x}
    .modtr{background:url(http://img.baidu.com/hi/temp8/ptitr.gif) no-repeat top right;line-height:1px}
    .modbl{background-color:#847D69;border-left:1px solid #A3A3A3;border-bottom:1px solid #A3A3A3;line-height:1px}
    .modbc{background-color:#847D69;border-bottom:1px solid #A3A3A3;line-height:1px}
    .modbr{background-color:#847D69;border-right:1px solid #A3A3A3;border-bottom:1px solid #A3A3A3;line-height:1px}
    .modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=70);-moz-opacity:0.8;width:auto !important;width:100%}
    #m_blog {overflow-y:auto;height:900px;text-align:center;padding-left:5px;padding-right:5px;}
    #m_blog div.tit{color:#FFFFFF;font-size:14px;font-weight:bold}
    #m_blog div.tit a{color:#FFFFFF;font-size:14px;font-weight:bold}
    #m_blog div.tit a:visited{color:#FFFFFF}
    #m_blog div.date{margin:5px 0 8px 0;color:#BEC0C2}
    #m_blog div.cnt{background:transparent;color:#FFcccc;line-height:20px;font-size:14px}
    #m_blog div.more{margin:14px 0 16px 0}
    #m_blog div.more a{color:#BEC0C2;font-size:14px}
    #m_blog div.more a:visited{color:#BEC0C2}
    #m_blog div.opt{color:#BEC0C2;font-size:12px}
    #m_blog div.opt a{color:#BEC0C2;font-size:12px}
    #m_blog div.opt a:visited{color:#BEC0C2}
    #m_blog div.line{margin-top:17px;line-height:17px;border-top:1px solid #FFAAAA}
    #m_blog div.none{padding:100px 0 100px 0;color:#FFDDDD;font-size:14px}
    #m_pro a{color:#8EC2F5}
    #m_pro a:visited{color:#8EC2F5}
    #m_pro div.image{text-align:center}
    #m_pro div.act{margin-top:10px}
    #m_pro div.user{margin-top:10px;color:#BEC0C2;font-size:12px;font-weight:bold}
    #m_pro div.desc{color:#BEC0C2;font-size:12px}
    #m_pro div.line{margin-top:17px;line-height:17px;border-top:1px solid #FFAAAA}
    #m_pro td {color:#BEC0C2;line-height:24px;font-size:14px}
    #m_album div.image{text-align:center}
    #m_album div.page{color:#BEC0C2;font-size:12px;text-align:center}
    #m_album div.page a{color:#8EC2F5;font-size:12px}
    #m_album div.page a:visited{color:#8EC2F5}
    #m_links{overflow-y:auto;height:400px;text-align:center;padding-left:5px;padding-right:5px;}
    #m_links div.item{color:#BEC0C2;font-size:12px}
    #m_links div.item a{color:#8EC2F5;font-size:12px;text-decoration:none}
    #m_links div.item a:visited{color:#8EC2F5}
    #m_links div.line{margin-top:5px;line-height:8px;border-top:1px solid #FFAAAA}
    #m_artclg div.item {color:#BEC0C2;font-size:12px}
    #m_artclg div.item a {color:#8EC2F5;font-size:12px}
    #m_artclg div.item a:visited{color:#8EC2F5}
    #m_artclg div.line {margin-top:5px;line-height:8px;border-top:1px solid #FFAAAA}
    #m_comment div.item{color:#BEC0C2;font-size:12px}
    #m_comment div.item a{color:#8EC2F5;font-size:12px}
    #m_comment div.item a:visited{color:#8EC2F5}
    #m_comment div.item a.cnt{color:#BEC0C2;font-size:12px;text-decoration:none}
    #m_comment div.item a.cnt:visited{color:#BEC0C2;text-decoration:none}
    #m_comment div.item a.cnt:hover{color:#BEC0C2;text-decoration:underline}
    #m_comment div.line{margin-top:5px;line-height:8px;border-top:1px solid #FFAAAA}
    #m_albumlist div.note{color:#BEC0C2;font-size:14px}
    #m_albumlist div.desc{margin-bottom:12px;padding:3px 10px 3px
    10px;line-height:22px;background-color:#999999;font-size:14px}
    #m_albumlist div.none{padding:100px 0 100px 0;color:#000000;font-size:14px}
    #m_albumlist div.line{margin-top:10px;line-height:16px;border-top:1px solid #FFAAAA}
    #m_albumlist div.tit{margin:6px 0 7px 0;color:#BEC0C2;font-size:14px}
    #m_albumlist div.tit a{color:#BEC0C2;font-size:14px}
    #m_albumlist div.tit a:visited{color:#BEC0C2}
    #m_albumlist span.count{color:#BEC0C2;font-size:12px;font-weight:bold}
    #m_albumlist span.size {color:#BEC0C2;font-size:12px;font-family:Arial;}
    #m_albumlist a.act{color:#BEC0C2;font-size:12px}
    #m_albumlist a.act:visited{color:#BEC0C2}
    #m_albumlist a.page{color:#8EC2F5;font-size:14px}
    #m_albumlist a.page:visited{color:#8EC2F5}
    #m_albumlist td.image{padding:5px;border:1px solid #8EC2F5;background:#8EC2F5}
    #m_friend div.filter{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px}
    #m_friend
    div.catalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#8EC2F5;font-size:14px}
    #m_friend div.user{margin-top:4px;color:#8EC2F5;font-size:12px}
    #m_friend div.user a{color:#8EC2F5;font-size:12px}
    #m_friend div.user a:visited{color:#8EC2F5}
    #m_friend div.line{margin-top:10px;line-height:16px;border-top:1px solid #FFAAAA}
    #m_setting a{color:#8EC2F5}
    #m_setting a:visited{color:#8EC2F5}
    #m_setting{line-height:22px;color:#8EC2F5;font-size:14px}
    #m_setting img.sel{border:4px solid #8EC2F5}
    #m_setting img.unsel{border:1px solid #8EC2F5}
    #m_setting span.tit{font-size:14px}
    #m_setting span.usr{color:#8EC2F5}
    #m_setting div.sel{padding-top:6px;font-size:14px;font-weight:bold}
    #m_setting div.line{margin-top:20px;line-height:16px;border-top:1px solid #FFAAAA}
    #m_sysinfo a{color:#FFDDDD}
    #m_sysinfo a:visited{color:#FFDDDD}
    #m_sysinfo{line-height:22px;color:#FFDDDD;font-size:14px}
    #m_sysinfo span.new{color:#FFDDDD;font-size:10px;font-family:Arial}
    #m_sysinfo span.date{color:#FFDDDD;font-size:14px}
    #m_setbase{color:#FFDDDD;font-size:14px}
    #m_setbase td{color:#FFDDDD;font-size:14px}
    #m_setbase div.line{margin-top:5px;line-height:8px;border-top:1px solid #FFAAAA}
    #in_comment{width:710px}
    #in_comment div.tit{margin-bottom:12px;color:#8EC2F5;font-size:14px;font-weight:bold}
    #in_comment div.user{margin-bottom:6px;color:#CCCCCC;font-size:12px}
    #in_comment div.user a{color:#CCCCCC;font-size:12px}
    #in_comment div.user a:visited{color:#CCCCCC}
    #in_comment div.user span.date{color:#CCCCCC;font-size:12px}
    #in_comment div.desc{color:#FFDDDD;font-size:12px}
    #in_comment div.line{margin-top:17px;line-height:17px;border-top:1px solid #FFAAAA}
    #in_send td{color:#8EC2F5}
    #in_send div.tit{margin:10px 0 10px 0;color:#8EC2F5;font-size:14px;font-weight:bold}
    #mod_bgmusic{text-align:center;}
    #phx{FILTER: Alpha(Opacity=70, FinishOpacity=70, Style=0, StartX=0, StartY=0, FinishX=0, FinishY=0) invert(); WIDTH:98%; HEIGHT: 64px}

    卢发信

相关信息

<style type=text/css>.baidu{font-size:14px;line-height:1.5;}a{color:#0000cc;}

我不明白这些是路径还?

44 浏览 2 回复   color   样式   size   font   css  

CSS 空间 问题 回答正确追加分

怎样做这样的 模版的宽度很小的 像这种的<http://hi.baidu.com/%CC%EC%D3%EE%C4%EF/>两边留出空隙来的 你们懂我意思吗?

64 浏览 5 回复   color   font   #m   div   size