论坛 › 技术部 › CSS..研究...............

傲天♂浪子追风 发表于 2006-10-30 18:56:14

CSS..研究...............

* { word-break: break-all; } /*在IE中实行强制换行*/
#newsblock { margin-top: 4px; }
/*-----------------------------------------------------------------------------------综合设置*/

body { margin: 0; background: #FFF; color: #333; text-align: center; font: 12px Arial, Helvetica, sans-serif; }
#wrap { background: #FFF; margin: 0 auto; text-align: left; width: 910px; padding: 0 4px; w\idth: 910px; }

/*链接样式*/
a { color: #000; text-decoration: none; }
        a:hover { text-decoration: underline; color: #000098; }
                a:visited { color: #666;}
        #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
                #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }
        a img { border: none; }
li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
        li cite a { color: #999; }
                li cite a:visited { color: #999; }
.more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }

/*-----------------------------------------------------------------------------------表单通用样式*/

form { margin: 0; }
        input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
        button { height: 1.8em; padding: 0 0.3em; background: #9FC8DF; cursor: pointer; border: 1px solid;
                border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
        fieldset { border: 0; padding: 0; }
                legend { display: none; }
        label { cursor: pointer; margin-right: 0.5em; }

/*-----------------------------------------------------------------------------------头部风格 Header*/
/*顶部导航*/
#topmenu { background: #9FC8DF url(../images/new/title_bg.gif) repeat-x 0 -3px; border-bottom: 4px solid #F5FBFF; border-top: none; text-align: right; line-height: 2em; }
        #topmenu ul { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #86B9D6; }
                #topmenu li { display: inline; border-left: 1px solid #86B9D6; padding-left: 1em; padding-right: 0.5em; }
                        #topmenu a { color: #154BA0; }

#pagetitle { padding: 8px 0; height: 76px; he\ight: 60px; border-bottom: 4px solid #F5FBFF; }
        #logo { border-right: 1px solid #86B9D6; padding: 0 10px; margin-right: 10px; }
        .banner468 { float: right; }

/*主导航*/
#menu { border-top: 2px solid #86B9D6; border-bottom: 1px solid #86B9D6; line-height: 25px; background: url(../images/new/menu_bg.gif); width: 910px; overflow: hidden; }
        #menu ul { list-style: none; margin: 0 1em; padding: 0; width: 100%; overflow: hidden; }
                #menu li { float: left; margin: 0 2px; width: 6em; overflow: hidden; white-space: nowrap; }
        /*首页导航*/
        #menu dl { margin: 0 1.5em; padding: 0; height: 25px; overflow: hidden; }
                #menu dt { float: left; width: 4em; white-space: nowrap; }
                        #menu dt a { color: #000098 !important; }
                #menu dd { float: left; width: 6em; margin: 0 2px; overflow: hidden; white-space: nowrap; }

/*您的位置导航*/
#navigation { padding: 1.2em 0; }
        #navigation p { margin: 0;}
                #navigation p a, #navigation p strong { margin: 0 0.5em; }
        #searchform { float: right; }
                #searchform * { vertical-align: top; }
                #searchform button { margin-left: 0.5em; }

        #navigation.simplepage { padding: 0; border-top: 2px solid #009DEA; border-bottom: 1px solid #009DEA; line-height: 25px; background: #EFF5FF; margin-bottom: 1em; }
                #navigation.simplepage p { float: right; margin-right: 0.5em; }
                .simplepage h2 { margin: 0; font-size: 1.2em; padding-left: 0.5em; }

/*-----------------------------------------------------------------------------------布局*/

.content { /*三列布局*/
        width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 0 0; }
        /*\*/ * html .content { height: 1%; } /**/ *>.content { overflow: hidden; }
.contentL { /*两列布局，侧边在左侧*/
        width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y -590px 0; }
        /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
.contentR { /*两列布局，侧边在右侧*/
        width: 910px; background: #FFF url(../images/new/bg.gif) repeat-y 580px 0; }
        /*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
/*侧边样式*/
.sideL { width: 296px; float: left; overflow: hidden; }
.sideR { width: 202px; float: right; overflow: hidden; }
/*中间部分样式*/
.mainarea { margin: 0 4px; width: 382px; float: left; }
        .contentL .mainarea { margin: 0 0 0 4px; width: 556px; }
        .contentR .mainarea { margin: 0 4px 0 0; width: 576px; }

/*-----------------------------------------------------------------------------------版块样式*/

/*版块标题*/
.blocktitle { clear: both; border: 1px solid #86B9D6; padding: 1px; margin-bottom: 4px; line-height: 30px; }
        .blocktitle h2 { font-size: 1.2em; margin: 0; padding: 0 5px; background: #9FC8DF url(../images/new/title_bg.gif) repeat-x; }
        .blocktitle .more { margin-right: 5px; }

/*头条信息*/
#headline { padding: 5px; height: 70px; he\ight: 58px; overflow: hidden; }
        #headline strong { font-size: 1.2em; }
        #headline p { margin: 0.3em 0; }
        #headline img { float: right; width: 48px; height: 48px; border: 4px solid #FFF; }

/*侧边版块*/
.sideblock { margin: 0 0 3px; border: 1px solid #86B9D6; background: #FFF; padding: 3px; }
        .boldblock { padding: 1px; background: #9FC8DF; } /*突出版块*/
        .cleanblock { border: 1px solid #86B9D6; margin: 0 0 4px; padding: 0; background: #F5FBFF; } /*简单版块*/
                .sideblock h3 { margin: 0; font-size: 1em; line-height: 2em; padding-left: 0.5em; border-bottom: 1px solid #BBE9FF; }
                        /*\*/ * html .sideblock h3 { height: 1%; } /**/
                .sideblock p { margin: 0.3em; line-height: 1.6em; }
                        .headimg { float: right; margin: 5px 0 2px 5px; width: 80px; height: 80px; border: 4px solid #E2F0F9; }

        /*侧边多行列表*/
        .sideblock dl { margin: 0; padding: 5px; background: #FFF; line-height: 1.8em; }
                /*\*/ * html .sideblock dl { position: relative; } /**/
                .sideblock dt { padding-left: 0.8em; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }
                .sideblock dd { color: #999; margin-left: 0.8em; }
                        .sideblock dd a { color: #999; }

/*单行信息列表*/
.msgtitlelist { margin: 0; padding: 5px 0; list-style: none; line-height: 1.6em; }
        .msgtitlelist li { height: 1.6em; overflow: hidden; padding-left: 0.8em; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }
        .mainarea .msgtitlelist { font-size: 1.2em; }
        .sideblock .msgtitlelist { background: #FFF; }

/*多行信息列表*/
.messagelist { margin: 5px 0; padding: 0; list-style: none; line-height: 1.6em; }
        .messagelist li { margin: 5px 0 10px 0;}
                .messagelist li h4 { margin: 5px 0; font-size: 1em; line-height: 2em; background: #F0F9FF; }
                        .messagelist li h4 a { color: #009; font-size: 1.2em; }
                                .messagelist li h4 a:visited { font-weight: normal; }
                .messagelist li p { margin: 0; }

        .messagelist dl { margin: 0; padding: 0; line-height: 1.6em; }
                .messagelist dt { background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; padding-left: 0.8em; }
                .messagelist dd { font-size: 12px; margin: 0; padding-left: 1em; color: #999; }
                        .messagelist dd a { color: #999; }

/*热门话题*/
#hottag { overflow: hidden;}
        #hottag div { background: #FFF; padding: 0.5em; overflow: hidden; line-height: 1.8em; }
                #hottag div { color: #999; overflow: hidden; }
                #hottag a { margin-right: 0.2em; white-space: nowrap; }
                        #hottag a em { color: #999; font-style: normal; }

/*用户面板*/
#userpanel { height: 8.8em; overflow: hidden; }
        #userpanel form { margin: 5px auto !important; margin: 0 auto; width: 150px; }
                #userpanel input { width: 90px; }
                #userpanel p { margin: 0.5em 0; }
                #dologin { float: right; }
                #userpanel form a { line-height: 2em; color: #B353B3; border-right: 1px solid #86B9D6; padding-right: 5px; }
        /*登录后*/
        #userpanel li { border-bottom: 1px solid #BBE9FF; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.8em; padding-left: 12px; }
                #userpanel li a { color: #000098; }

/*空间之星*/
#spacestar ul { width: 168px; margin: 0 4px; padding: 0; height: 235px; }
        #spacestar li { float: left; display: inline; width: 54px; height: 70px; overflow: hidden; margin: 3px 1px; background: #E2F0F9; text-align: center; }
        #spacestar img { width: 48px; height: 48px; margin-top: 3px; }
        #spacestar p { margin: -4px 0 !important; margin: 0 0; line-height: 20px; height: 20px; }

/*同城空间*/
#cityspace { background: #F0F9FF; }
#cityspace form { width: 10.5em; margin: 0 auto; padding: 5px 0; }
        #cityspace select { margin: 2px 0; }
        #cityspace button { float: right; margin-top: 4px; width: 3.5em; height: 3.5em; }
        #blogblock #cityspace { margin: 0 0 4px 0; }

/*空间排行*/
#hotspace ol { margin: 0; padding: 0 0 0 20px; line-height: 20px; background: url(../images/new/hotspace_bg.gif) no-repeat; list-style: none; }
        #hotspace li { height: 20px; overflow: hidden; }
        #hotspace em { float: right; font-style: normal; font-size: 9px; color: #999; width: 40px; }

/*热门文章 */
#hotarticle { border: 1px solid #86B9D6; background: #E2F0F9; padding: 3px; position: relative; }
        #hotarticle h3 { font-size: 1.2em; margin: 0; line-height: 22px; border-bottom: 1px solid #86B9D6; }
        #hotarticletabs { position: absolute; margin: 0; line-height: 18px; top: 7px!important; top: 8px; right: 10px; }
                #hotarticletabs span { background: #86B9D6; float: right; color: #FFF; margin-right: 2px; height: 18px; padding: 0 5px; cursor: pointer; }
                        #hotarticletabs span.active { background: #FFF; color: #333; border: 1px solid #86B9D6; border-bottom: none; }
        #hotarticle ul { background: #FFF; margin: 0; padding: 0.5em; list-style: none; line-height: 1.7em; height: 16.5em; overflow: hidden; }
                #hotarticle li { height: 1.7em; overflow: hidden; color: #999; padding-left: 0.8em; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }

/*图片列表*/
.imgthumblist { margin: 0 3px; padding: 0; list-style: none; }
        /*\*/ * html .imgthumblist { height: 1%; }/**/ *>.imgthumblist { overflow: hidden; }
                .imgthumblist li { float: left; display: inline; background: #F0F9FF; width: 108px; height: 163px; width: 100px; he\ight: 155px; overflow: hidden; border: 1px solid #B9D0ED; padding: 3px; margin: 3px; }
                        .imgthumblist li.list1line { height: 123px; height: 115px; }
                        .imgthumblist li.list2line { height: 143px; height: 135px; }
                        .contentL .imgthumblist li { margin: 0 1px 3px; }
                        .imgthumblist img { width: 100px; height: 100px; }
                        .imgthumblist p { margin: 0; text-align: center; line-height: 1.3em; }
        .throughgallery { width: 100%; clear: both; margin-bottom: 5px; padding-bottom: 3px; background: #E2F0F9; }
                .throughgallery .imgthumblist { margin: 0; }
                .throughgallery .imgthumblist li { height: 120px; margin: 3px 1px; }

/*商品*/
/*\*/ * html .goodsthumblist { height: 1%; } /**/ *>.goodsthumblist { overflow: hidden; }
        .goodsthumblist { margin: 0; padding: 3px 0; list-style: none; }
                .goodsthumblist li { float: left; width: 90px; height: 100px; text-align: center; }
                        .goodsthumblist li img { width: 70px; height: 70px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
                        .goodsthumblist li p { margin: -3px 0 0 !important; margin: 0; height: 1.5em; line-height 1.5em; overflow: hidden; }

.imgtitlelist { margin: 10px 0; padding: 0; list-style: none; }
                .imgtitlelist li { padding-left: 85px; padding-bottom: 5px; margin: 5px 0; border-bottom: 1px solid #E2F0F9; }
                /*\*/ * html .imgtitlelist li { height: 1%; } /**/ .imgtitlelist>li { overflow: hidden; }
                        .imgtitlelist li h4 { margin: 0.3em 0; font-size: 1em; }
                        .imgtitlelist li img { float: left; margin-left: -85px; width: 70px; height: 70px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
                        .imgtitlelist li p { margin: 0; line-height: 1.5em; }
        .sideblock .imgtitlelist li { padding-left: 65px; }
                .sideblock .imgtitlelist li img { width: 48px; height: 48px; margin-left: -60px; }
       

/*栏目区块列表*/
.category {margin: 4px 0 10px 0; }
        .category h3 { margin: 0 0 5px; font-size: 1.2em; line-height: 1.8em; height: 1.8em; border-bottom: 1px solid #86B9D6; }
                .category h3 strong { background: #E9ECEF; float: left; padding: 0 8px; }
                        .category h3 strong a { color: #333; text-decoration: none; }
        /*.category ul { background: #FFF; margin: 0; padding: 4px 0 0 0; list-style: none; line-height: 1.6em; }
                .category li { padding-left: 0.8em; background: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; }
        .catecommend { background: #F0F9FF; margin: 0; line-height: 2em; height: 2em; overflow: hidden; padding: 0 1em; }*/
                .catecommend a { color: #000099; white-space: nowrap; margin-right: 0.5em; }


/*-----------------------------------------------------------------------------------首页各版块*/

/*#commendimage { height: 155px; }
#topicnews { height: 217px; }
#newgoods, #commendgoods { height: 200px; }
#hotcommentfile, #hotfile, #newlink, #hotlink { height: 220px; }*/




/*信息列表*/
.articlelist li { padding-left: 60px; }
        .articlelist h4 img { float: left; margin-left: -60px; width: 48px; height: 48px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED; }
/*.articlelisth3 a { font-size: 12px; font-weight: normal; margin-left: 1em; color: #B353B3; }
       
        .articlelist ul { margin: 0; padding: 0; background: #FFF; padding-left: 5px; list-style: none; }
                .articlelist li { position: relative; padding-left: 60px; margin-top: 1em; }
        .articlelist h4 { margin: 0; background: #F0F9FF; font-size: 1.2em; padding: 0.2em 0.5em; cursor: pointer; }
                .articlelist h4 em { font-style: normal; font-weight: normal; font-size: 0.8em; color: #B353B3; margin-left: 0.3em; }
                .articlelist h4 a { color: #000099; }
                .articlelist li img { position: absolute; left: 0!important; left: -67px; top: 0; border: 3px solid #9FC8DF; width: 48px; height: 48px; }
               
                .articlelist li strong { font-weight: normal; color: #999; line-height: 2em; padding-left: 0.5em; }
                        .articlelist li strong a { color: #999; }
                .articlelist li p { margin: 0.3em 0; line-height: 1.6em; }
                        .articlelist li p a.more { float: none !important; }*/


.catepic { text-align: center; }
        .catepic img { margin-top: 10px; padding: 3px; background: #F0F9FF; border: 1px solid #B9D0ED;
                max-width: 150px; max-height: 150px; width: expression(this.width > 150 ? 150: true); height: expression(this.height > 150 ? 150: true); }
        .catepic p { text-align: left; margin: 0.5em; }

/*专题列表*/
#subjectlist { border-color: #86B9D6; padding: 2px; }
        #subjectlist h3 { border: none; background: #9FC8DF; }
        #subjectlist li { border-bottom: 1px solid #E2F0F9; text-align: center; padding: 3px; }
                #subjectlist p { margin: 0; line-height: 1.2em; }


        #xspace-rates { height: 2em; }
                #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
                #xspace-rates a { float: left; border: 1px solid #EEE; text-decoration: none; width: 20px; height: 20px; text-align: center; line-height: 20px; margin: 0 2px; }
                        #xspace-rates a:hover { border-color: #CCC; }
                        .xspace-rates-5 #xspace-rate-5, .xspace-rates-3 #xspace-rate-3, .xspace-rates-1 #xspace-rate-1, .xspace-rates0 #xspace-rate0, .xspace-rates1 #xspace-rate1, .xspace-rates3 #xspace-rate3, .xspace-rates5 #xspace-rate5 { background: #DDD; border-color: #BBB; font-weight: bold; }


#panel { width: 600px; overflow: hidden; margin: 1em auto; }


/*Pages*/
.pages { text-align: right; border-top: 1px solid #9FC8DF; }
        /*.pages table { margin: 3px 0 3px auto; text-align: center; }
                .pages td { padding: 0 5px; border: 1px solid #B9D0ED; background: #FFF; }
                .pages a { text-decoration: none; }
                .pages .currentpage { background: #F0F9FF; border-color: #86B9D6; font-weight: bold; }*/

/* 分页 */
.xspace-page { margin: 2px 2px 2px auto; }
        table.xspace-page a { display: block; background: #E2F0F9; padding: 0.3em 0.5em; text-decoration: none; }
                table.xspace-page a:hover { background: #86B9D6; }
        table.xspace-page td.xspace-current { background: #86B9D6; padding: 0.3em 0.5em; font-weight: bold; }
        table.xspace-page td.xspace-totlerecord, .xspace-page td.xspace-totlepages { background: #E2F0F9; padding: 0.3em 0.5em; }

.smalltxt { font-size: 12px; color: #999; font-weight: normal; }
        .smalltxt a, .smalltxt a:visited { color: #999 !important; }

/*-----------------------------------------------------------------------------------页脚 Footer*/
#footer { clear: both; border-top: 2px solid #86B9D6; padding-top: 1em; padding-bottom: 2em; text-align: center; font: 100% Verdana, Arial, Helvetica, sans-serif; }
        #footer p { margin: 0.3em 0; color: #999; }
        #footer strong { color: #007AB6; }
        #footer em { font-style: normal; font-weight: bold; color: #96A800; }
       
.imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }
       
#articledetail { border: 1px solid #86B9D6; text-align: center; }
.articletitle { font-size: 1.6em; margin: 1em 0 0.5em; }
.articleinfo { border-bottom: 1px solid #9FC8DF; margin: 0;}
.articlectrl { margin: 0.5em 0 1.5em; }

        #articlebody { width: 98%; margin: 0 auto; overflow: hidden; text-align: left; overflow-y: hidden; line-height: 1.8em; font-size: 1.2em; }
        #articlebody * { line-height: normal; }
                #articlebodyp, #articlebodydiv { line-height: 1.8em !important; margin: 10px 0; }
                        #articlebodyp *, #articlebodydiv * { line-height: normal !important; }
       
        #articlebody .addoninfo { border: 1px solid #EEE; }
                #articlebody .addoninfo h5 { font-size: 1em; margin: 0; line-height: 2em !important; border-bottom: 1px solid #EEE; padding-left: 1em; }
                #articlebody .addoninfo ul { margin: 0.5em 0 0.5em 2em; padding: 0; }
                        #articlebody .addoninfo li { line-height: 1.6em !important; }
       
        #articlebody img { width: expression(this.width > 500 ? 500: true); max-width: 500px;}
       
        #articlebody kbd.showvideo, #articlebody kbd.showflash { font: 1em Arial, Helvetica, sans-serif; cursor: pointer; text-decoration: underline; }
        #commentlist { overflow: hidden; border: 1px solid #86B9D6; margin: 4px 0 0; padding: 0 5px; }
                #commentlist h3 { font-size: 1em; line-height: 2em; margin: 0; background: #F0F9FF; border-bottom: 1px solid #86B9D6; }
                                #commentlist img { max-width: 500px; width: expression(this.width > 500 ? 500: true); }
                        #commentlist .messagelist li div { width: 98%; margin: 0 auto; overflow: hidden; text-align: left; overflow-y: hidden; line-height: 1.8em; }
                                #commentlist .messagelist li div * { line-height: normal; }
                                        #commentlist .messagelist li divp, #commentlist .messagelist li divdiv { line-height: 1.8em !important; margin: 10px 0; }
                                                #commentlist .messagelist li divp *, #commentlist .messagelist li divdiv * { line-height: normal !important; }

/*发表评论*/
#comment { margin-top: 4px; }
        #comment h3 { margin: 0 5px; font-size: 1em; line-height: 2em; }
        #comment form { background: #FFF; margin: 0; padding: 5px; }
        #comment p { margin: 0.3em 0; }
        .seccodeline * { vertical-align: middle; }
        #xspace-rates { height: 2em; }
                #xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
                #xspace-rates a { float: left; border: 1px solid #EEE; text-decoration: none; width: 20px; height: 20px; text-align: center; line-height: 20px; margin: 0 2px; }
                        #xspace-rates a:hover { border-color: #CCC; }
                        .xspace-rates-5 #xspace-rate-5, .xspace-rates-3 #xspace-rate-3, .xspace-rates-1 #xspace-rate-1, .xspace-rates0 #xspace-rate0, .xspace-rates1 #xspace-rate1, .xspace-rates3 #xspace-rate3, .xspace-rates5 #xspace-rate5 { background: #DDD; border-color: #BBB; font-weight: bold; }

/*AJAX div*/
.xspace-ajaxdiv { position:absolute; padding: 5px; border: 1px solid #BBB; background: #FCFFEF; text-align: left; }
        .xspace-ajaxdiv h5 { line-height: 24px; font-size: 1em; margin: 0; }
                .xspace-ajaxdiv h5 a { float: right; font-weight: normal; }
        .xspace-ajaxcontent { background: #FFF; border: 1px solid #EEE; }
                .xspace-ajaxcontent form { margin: 0; }

傲天♂浪子追风 发表于 2006-10-30 18:59:01

/*-----------------------------------------------------------------------------------综合设置*/

body { margin: 0; background: #FFF; color: #333; text-align: center; font: 12px Arial, Helvetica, sans-serif; }
#wrap { background: #FFF; margin: 0 auto; text-align: left; width: 910px; padding: 0 4px; w\idth: 910px; }



分析

margin属性说明：

检索或设置对象四边的外延边距。
如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。
如果只提供一个，将用于全部的四边。
如果提供两个，第一个用于上－下，第二个用于左－右。
如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
在IE4+，margin属性不可用于td和tr对象。
外延边距始终透明。

color : 　指定颜色
text-align:文本的对齐方式。(left : 　左对齐,right : 　右对齐,center : 　居中,justify : 　两端对齐)
font: 12px Arial, Helvetica, sans-serif;:这段是字体相关的

傲天♂浪子追风 发表于 2006-10-30 20:55:44

/*链接样式*/
a { color: #000; text-decoration: none; }
      a:hover { text-decoration: underline; color: #000098; }
                a:visited { color: #666;}
      #topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
                #topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }
      a img { border: none; }
li cite { font-style: normal; font-size: 12px; float: right; width: 4em; color: #999; }
      li cite a { color: #999; }
                li cite a:visited { color: #999; }
.more { float: right !important; color: #000098 !important; background: transparent !important; font-size: 12px !important; font-weight: normal !important; cursor: pointer; }



分析


text-decoration:文本连接的属性,一般有以下几种参数:
none : 　无装饰
blink : 　闪烁
underline : 　下划线
line-through : 　贯穿线
overline : 　上划线


hover:设置对象在其鼠标悬停时的样式表属性。

visited:对象在其链接地址已被访问过时的样式表属性。

#topmenu a, #menu a, .imglist a, #hotspace li a { text-decoration: none; }
#topmenu a:hover, #menu a:hover, .imglist a:hover, #hotspace li a:hover { text-decoration: underline; }:
上面这两行是与鼠标相关

a img { border: none; }图片连接相关


cite:这个一般是引用标签的时候用的,不知道用来这里做什么


font-style:字体式样,一般常用参数有:
normal : 正常的字体
italic : 斜体。对于没有斜体变量的特殊字体，将应用oblique
oblique : 倾斜的字体


float: right 该属性的值指出了对象是否浮动及如何浮动。常用参数如下:
none : 　对象不浮动
left : 　对象浮在左边
right : 　对象浮在右边


important:样式表条目,提升指定样式规则的应用优先权。


background: transparent 这个的意思就是背景透明...



font-weight: normal :文本字体的粗细,常用参数如下:
normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
bold : 粗体。相当于number为700。也相当于b对象的作用
bolder : IE5+　特粗体
lighter : IE5+　细体
number : IE5+　100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

cursor: pointer:这个是鼠标放在对象中的状态,简单点来可以这样说,也就是鼠标放在连接上的时候显示的鼠标形状,一般有以下N种参数,这个真的是TMD的多啊
语法：(每一竖隔开为一个状态)
cursor : auto | crosshair | default | hand | move | help | wait | text | w-resize |s-resize | n-resize |e-resize | ne-resize |sw-resize | se-resize | nw-resize |pointer | url (url)

傲天♂浪子追风 发表于 2006-10-30 21:30:46

/*-----------------------------------------------------------------------------------表单通用样式*/

form { margin: 0; }
      input, textarea, button, select { font: 1em Arial, Helvetica, sans-serif; }
      button { height: 1.8em; padding: 0 0.3em; background: #9FC8DF; cursor: pointer; border: 1px solid;
                border-top-color: #C9E3F0; border-right-color: #2A8ABA; border-bottom-color: #2A8ABA; border-left-color: #C9E3F0; }
      fieldset { border: 0; padding: 0; }
                legend { display: none; }
      label { cursor: pointer; margin-right: 0.5em; }

bronwen 发表于 2007-2-27 21:48:45

:qiangq 还没完吧？怎么没有了啊.....

傲天♂浪子追风 发表于 2007-2-28 03:01:09

是还没完的，忙于游戏，就没继续写了:dahan

傲天♂疯紫 发表于 2007-3-26 10:59:31

有点晕！！偶只懂硬件！！

查看完整版本: CSS..研究...............