求一个css样式代码

2023-04-06 00:38:02html-css018

求一个css样式代码,第1张

<style>

#top{width:100%height:200px}

#main{width:100%}

#left{width:30%float:left}

#right{width:70%float:right}

</style>

</div>

基础中的基础了。

有时间来问问题，

还不如花几分钟去研究一下CSS

我将此CSS的选择符按照类、元素、ID分类，将属性按照W3C CSS Level 2.0进行排序；并且合并了相同的属性，去掉了重复定义，就是这样的工作200分绝对值了！================================================A,A:link,A:visited, #set_cs td { COLOR: #000000}a.modact:hover, a.modtit:hover, a.modtitlink:hover { color: #CCCCCC text-decoration: underline}body{ background: url() repeat-x color: #FFFFFF background: #222222}.mod, #m_albumlist .phbox .phimg { margin-bottom: 10px}.modact, #in_comment div.desc { color: #FFFFFF font-size: 12px}.modbc{ background: url(

) repeat-x}.modbl{ background: url(

) no-repeat top left line-height: 1px}.modbox{ border: 1px solid #666666 border-width: 0 1px 0 1px padding: 10px 10px 0 10px background: #000000}.modbr{ background: url(

) no-repeat top right line-height: 1px}.modhandle{ cursor: move}.modhead{ padding: 4px 4px 0 4px}.modlabel{ color: #FFFFFF font-size: 14px font-weight: bold}.modopt{ padding: 4px 4px 0 0}.modtc{ background: url(

) repeat-x}.modth{ height: 24px}.modtit, .modtitlink { color: #FFFFFF font-size: 12px font-weight: bold}.modtl{ background: url(

) no-repeat top left line-height: 1px}.modtr{ background: url(

) no-repeat top right line-height: 1px}.stage{ background: #000000}.stage #layout td{ padding: 0px}#comm_info{ font-family: Arial text-align: left}#comm_info div.line{ border-top: 2px solid #FF3333 margin-bottom: 10px margin-top: 4px padding-bottom: 32px background: url() no-repeat bottom line-height: 8px}#header{ padding-left: 0px background: url(

) no-repeat center height: 350px}#header div.desc{ color: #FFFFFF font: 14px Georgia left: 250px top: 260px}#header div.rc{ background: url(http://img.users.51.la/1463220.asp) no-repeat left left: 40px top: -150px}#header div.tit{ font: 40px/60px Georgia left: 40px top: 40px}#header div.tit a.titlink{ color: ##44B4FF text-decoration: none}#header div.tit a.titlink:visited, a.modtit, a.modtit:visited, a.modtitlink, a.modtit:visited, a.modtitlink:visited, a.modact, a.modact:visited { color: #FFFFFF text-decoration: none}/*网友评论 Copyright by idisk*/#in_comment { border: #000000 dotted 1px}#in_comment { width: 710px}/*主体*//*发表人名(链接)*//*发表时间*//*评论内容*/#in_comment div.line#in_comment div.tit { margin-bottom: 12px color: #333333 font-size: 14px font-weight: bold}/*标题*/#in_comment div.user { margin-bottom: 6px color: #333333 font-size: 12px}/*发表人名*/#in_comment div.user span.date, #m_blog div.opt, #m_filed div.item { color: #666666 font-size: 12px}#in_send div.tit { margin: 10px 0 10px 0 color: #333333 font-size: 14px font-weight: bold}/*发表评论(标题)*/#in_send div.tit{ margin: 10px 0 10px 0 color: #FFFFFF font-size: 14px font-weight: bold}#m_album .phpage{ margin-top: 10px padding-bottom: 5px text-align: center}#m_album div.page{ color: #666666 font-size: 12px text-align: center}#m_album div.size, #m_pro div.image, #m_album div.image { text-align: center}#m_albumlist .phbox{ margin-left: 15px margin-top: 15px text-align: center}#m_albumlist .phbox .phinfo{ margin: 6px 0 2px 0 color: #636363 font-size: 12px}#m_albumlist .phbox .phpage{ color: #636363 font-size: 14px}#m_albumlist a.page, #m_blog div.more a, #m_albumlist div.tit a { color: #00BEEE font-size: 14px}#m_albumlist div.desc{ margin-bottom: 12px padding: 3px 10px 3px 10px background: #333333 font-size: 14px line-height: 22px}#m_albumlist div.line, #m_friend div.line { border-top: 1px solid #D2E9F4 margin-top: 10px line-height: 16px}#m_albumlist div.note{ color: #333333 font-size: 14px}#m_albumlist div.tit{ margin: 6px 0 7px 0 font-size: 14px}#m_albumlist span.count{ color: #999999 font-size: 12px font-weight: bold}#m_albumlist span.size{ color: #666666 font: 12px Arial}#m_albumlist td.image{ border: 1px solid #999999 padding: 5px background: #FFFFFF}#m_artclg div.item{ color: #999999 font-size: 14px}#m_artclg DIV.item { BACKGROUND: url() no-repeat COLOR: #FFFFFF FONT-SIZE: 12px LINE-HEIGHT: 14px TEXT-INDENT: 20px}#m_artclg div.item a{ color: #3399CC font-size: 14px}#m_artclg DIV.line, #m_filed DIV.line { margin-top: 5px MARGIN-TOP: 0px BACKGROUND: url() line-height: 8px LINE-HEIGHT: 12px}#m_blog div.cnt{ color: #FFFFFF font-size: 14px line-height: 20px}#m_blog div.cnt div, #m_setting span.tit { font-size: 14px}#m_blog div.date{ margin: 5px 0 8px 0 color: #666666}#m_blog div.line{ border-top: 1px solid #666666 margin-top: 17px line-height: 17px}#m_blog div.more{ margin: 14px 0 16px 0}#m_blog DIV.more A { BORDER-BOTTOM: 0px BORDER-LEFT: 0px BORDER-RIGHT: 0px BORDER-TOP: 0px MARGIN: 0px padding: 4px 0px 50px 20px BACKGROUND: url(

) no-repeat 0px 0px COLOR: #22FF22 FONT-SIZE: 14px TEXT-ALIGN: left}#m_blog div.none, #m_albumlist div.none { padding: 100px 0 100px 0 color: #333333 font-size: 14px}#m_blog div.opt a:hover{ color: #99D6FF text-decoration: underline}#m_blog div.tit{ font-size: 16px font-weight: bold}#m_blog div.tit a{ color: #00BEEE font-weight: bold}/*--------------------------------个人档案----------------------------*/#m_comment div.item{ color: #FFFFFF font-size: 12px}#m_comment DIV.item { padding: 5px BACKGROUND: url() no-repeat COLOR: #FFFFFF FONT-SIZE: 12px LINE-HEIGHT: 16px TEXT-INDENT: 20px}#m_comment div.item a.cnt{ color: #CCCCCC font-size: 12px text-decoration: none}#m_comment div.item a.cnt:hover{ color: #FFFFFF text-decoration: underline}#m_filed DIV.item { BACKGROUND: url() no-repeat COLOR: #FFFFFF FONT-SIZE: 12px LINE-HEIGHT: 18px TEXT-INDENT: 20px}#m_friend div.catalog{ margin-bottom: 10px padding-left: 10px background: #F2F2F2 font-size: 14px line-height: 27px height: 27px}#m_friend div.filter{ margin-bottom: 10px padding-left: 10px padding-top: 10px line-height: 27px height: 27px}#m_friend div.user{ margin-top: 4px color: #333333 font-size: 12px}#m_friend div.user a, #in_comment div.user a, #m_album div.page a, #m_filed div.item a, #m_comment div.item a, #m_albumlist a.act { color: #00BEEE font-size: 12px}#m_links div.item, #m_pro .photo td, #m_links div.item { font-size: 12px}#m_links DIV.line, #m_mylink1 DIV.line, #m_mylink1 DIV.line, #m_mylink2 DIV.line { MARGIN-TOP: 0px LINE-HEIGHT: 12px}#m_mylink1 DIV.item, #m_mylink2 DIV.item { BACKGROUND: url(

) no-repeat color: #333333 font-size: 12px FONT-SIZE: 12px LINE-HEIGHT: 14px TEXT-INDENT: 26px}#m_mylink2 div.item a, #m_mylink3 div.item a, #m_mylink4 div.item a, #m_blog div.opt a, #m_mylink1 div.item a { color: #00BEEE font-size: 12px text-decoration: none}#m_mylink2 div.item a:hover, #m_mylink3 div.item a:hover, #m_mylink4 div.item a:hover, #m_artclg div.item a:hover, #m_filed div.item a:hover, #m_comment div.item a:hover, #m_albumlist div.tit a:hover, #m_albumlist a.act:hover, #m_albumlist a.page:hover, #m_friend div.user a:hover, #m_setting a:hover, #m_sysinfo a:hover, #m_blog div.tit a:hover, #m_blog div.more a:hover, #mod_album a:hover, #m_album div.page a:hover, #m_links div.item a:hover, #mod_track a:hover, #comm_info a:hover, #m_mylink1 div.item a:hover { color: #99D6FF}#m_mylink3 div.item, #m_mylink4 div.item { color: #333333 font-size: 12px}#m_mylink4 div.line, #m_comment div.line, #m_links div.line, #comm_info div.line, #m_mylink2 div.line, #m_mylink3 div.line { border-top: 1px solid #666666 margin-top: 5px line-height: 8px}#m_pro .basic .tit{ font-weight: bold}#m_pro .photo{ border: 1px solid #DDDDDD background: #000000}#m_pro .photo .image{ padding: 20px 0 10px 0}#m_pro .pitem{ margin-left: 5px font-size: 14px line-height: 22px}#m_pro .pitem .tit{ color: #FFFFFF}#m_pro .pline{ border-top: 1px dashed #A6A6A6 margin-left: 5px margin-top: 10px line-height: 10px}#m_pro .ref{ border: 1px solid #DDDDDD margin-top: 10px}#m_pro .ref .cnt{ padding: 10px background: #FFFFFF}#m_pro .ref .tit{ border-bottom: 1px solid #DDDDDD padding-left: 10px background: #EEEEEE}#m_pro a{ color: #FFFFFF text-decoration: none}#m_pro a:hover, A:hover, #tab2 a:hover { color: #33FFFF}#m_pro div.act{ margin-top: 2px text-align: center}#m_pro div.act{ margin-bottom: 6px margin-top: 5px padding-bottom: 170px background: url(

) no-repeat bottom}/*个人档案的背景(跳舞的小女孩)*/#m_pro div.desc{ margin-left: 20px color: #CCD6FF font-size: 12px text-align: center}#m_pro div.line{}#m_pro div.user{ margin-top: 10px width: 100% font-size: 16px text-align: center filter: glow(color:#33ADFF,strength=3)}#m_pro td{ color: #FFFFFF font-size: 14px line-height: 24px}#m_setbase div.line{ border-top: 1px solid #D2E9F4 margin-top: 5px line-height: 8px}#m_setbase td, #m_pro .basic td, #m_setbase { color: #FFFFFF font-size: 14px}#m_setting{ color: #FFFFFF font-size: 14px line-height: 44px}#m_setting div.line{ border-top: 1px solid #D2E9F4 margin-top: 20px line-height: 16px}#m_setting div.sel{ padding-top: 6px font-size: 14px font-weight: bold}#m_setting img.sel{ border: 4px solid #FFDB7B}#m_setting img.unsel{ border: 1px solid #D2D2D2}#m_setting span.usr{ color: #FFFFFF}#m_sysinfo{ color: #CCCCCC font-size: 14px line-height: 22px}#m_sysinfo span.date{ color: #666666 font-size: 14px}#m_sysinfo span.new{ color: #FF0000 font: 10px Arial}#m_track A IMG { BORDER-BOTTOM: #FFFFFF thin solid BORDER-LEFT: #FFFFFF thin solid BORDER-RIGHT: #FFFFFF thin solid BORDER-TOP: #FFFFFF thin solid FILTER: alpha(opacity=70)}#m_track a:hover img{ filter: gray(enabled=0)}#m_track A:hover IMG { FILTER: alpha(opacity=100)}#mod_album a, #m_links div.item a, #mod_track a, #comm_info a, #m_albumlist a.page:visited, #m_setting a, #m_sysinfo a, #in_comment div.user a:visited { color: #00BEEE}#mod_cals span.modtit{ font-size: 10}#mod_cals table.modth{ border-left: #DDDDDD 1px solid border-right: #DDDDDD 1px solid border-top: #DDDDDD 1px solid}#page{ font: 14px Arial text-align: center height: 30px}#page a.pc{ color: ###33D6FF font-size: 14px font-weight: bold}#page a.pc:hover, #page a.pi:hover { color: ##00BEEE}#page a.pi{ padding: 3px color: ###33D6FF font-size: 14px}#page span{ padding: 3px color: #000000 font-size: 14px font-weight: bold}#phx{ WIDTH: 220px HEIGHT: 32px FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)gray()}#set_cs{ color: #000000 font-size: 14px line-height: 22px}#spBCmtText{ border: 4px solid #222222 background: url(

" target="_blank" >

) no-repeat background: fixed height: 200px overflow-y: scroll}#spBlogCmtText{ border: 4px solid #222222 background: url(

" target="_blank" >

) no-repeat top center background: fixed color: #FFFFFF CURSOR: url()}/*添加评论框背景,改变鼠标样式*/#tab{ padding: 5px 0 5px 0 BACKGROUND: url(

) no-repeat right top TEXT-ALIGN: center top: 320px}#tab A,#tab A:link,#tab A:visited{ PADDING-TOP: 5px WIDTH: 100px BACKGROUND: url(

) no-repeat center COLOR: #0000FF FONT-SIZE: 18px TEXT-ALIGN: center TEXT-DECORATION: none}#tab A.on ,#tab A.on:link,#tab A.on:visited { PADDING-TOP: 5px WIDTH: 80px BACKGROUND: url(

) no-repeat center COLOR: #FFFFFF FONT-SIZE: 18px TEXT-ALIGN: center TEXT-DECORATION: none}#tab A.on:hover { BACKGROUND: url(

) no-repeat center FONT-SIZE: 18px LEFT: 1px POSITION: relative TOP: 1px}#tab A:hover { BACKGROUND: url() no-repeat center FONT-SIZE: 18px LEFT: 1px POSITION: relative TOP: 1px}#tab2 a{ color: #3399CC font-size: 12px}#tab2 span{ font-size: 12px font-weight: bold}#tabline, #tab span { display: none}

词库加载错误未能找到文件“E高铁采集器内存溢出ConfigurationDictStopwordstxt”

# 上一篇：光猫连接电脑有线上网如何设置

# 下一篇：电脑印花需要学什么技术在哪学