CSS程序怎么编辑呀.

CSS程序怎么编辑呀.,第1张

CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(Cascading Stylesheet)。 在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。
空间页面CSS说明
body 整个空间页面{background-color:#FFFFFF}
--------------------------------------------------------------------------------
空间名称和简介区域
#header 主体部分{height:89px;background:#3399CC}
#header divlc 左背景图{background:url(temp1/hdljpg) no-repeat}
#header divrc 右背景图{background:url(temp1/hdrjpg) no-repeat top right}
#header divtit 空间名称{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑体}
#header divtit atitlink 空间名称链接{color:#FFFFFF;text-decoration:none}
#header divtit atitlink:visited{color:#FFFFFF;text-decoration:none}
#header divdesc 空间简介{top:33px;left:20px;color:#FFFFFF;font-size:13px}
#tabline TAB菜单下方的横线{top:89px;background-color:#FFFFFF}
#tab TAB菜单主体{top:67px;background:url(temp1/tabbggif) repeat-x}
#tab aon,#tab aon:link,#tab aon:visited TAB选中状态{margin-top:3px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;line-height:19px;background-color:#F3F1F1;color:#197CAE;font-size:14px}
#tab span TAB与TAB之间的分割符“|”{color:#FFFFFF;font-size:14px}
#tab a:link TAB未选中状态{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab a:visited{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab2 设置TAB菜单主体{background:#DAE9F5}
#tab2 span TAB选中状态{color:#000000;font-size:12px;font-weight:bold}
#tab2 a TAB未选中状态{font-size:12px}
#tab2 a:link{color:#0000CC}
#tab2 a:visited{color:#0000CC}
--------------------------------------------------------------------------------
stage 内容区域(TAB菜单与版权信息之间的区域){background:#F3F1F1}
其它区域(即访问量等信息)
#comm_info 主体{color:#333333;font-family:Arial;text-align:left}
#comm_info divline 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
#comm_info a 链接{color:#3399CC}
--------------------------------------------------------------------------------
页码区域
#page 主体{height:30px;font-size:14px;font-family:Arial;text-align:center}
#page span 当前页码(不可点击){padding:3px;color:#000000;font-size:14px;font-weight:bold}
#page apc 上一页和下一页{color:#3399CC;font-size:14px;font-weight:bold}
#page apc:visited{color:#3399CC}
#page api 页码(可点击){padding:3px;color:#3399CC;font-size:14px}
#page api:visited{color:#3399CC}
--------------------------------------------------------------------------------
模块
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}amodtit{color:#FFFFFF}amodtit:visited{color:#FFFFFF}
modtitlink{color:#FFFFFF;font-size:12px;font-weight:bold}amodtitlink{color:#FFFFFF;text-decoration:none}amodtitlink:visited{color:#FFFFFF;text-decoration:none}amodtitlink:hover{color:#FF5100;text-decoration:underline}
modact *** 作文字链接(如文章列表){color:#FFFFFF;font-size:12px}amodact:link{color:#FFFFFF}amodact:visited{color:#FFFFFF}
modbox 模块内容区{padding:10px 10px 0 10px;background-color:#FFFFFF}
modtl 模块左上角背景{background:url(temp1/ptitlgif) no-repeat top left;line-height:1px}
modtc 模块中上背景{background:url(temp1/ptitcgif) repeat-x}
modtr 模块右上角背景{background:url(temp1/ptitrgif) no-repeat top right;line-height:1px}
modbl 模块左下角背景{background-color:#FFFFFF;line-height:1px}
modbc 模块中下背景{background-color:#FFFFFF;line-height:1px}
modbr 模块右下角背景{background-color:#FFFFFF;line-height:1px}
--------------------------------------------------------------------------------
文章区域
#m_blog divtit 文章标题{font-size:14px;font-weight:bold}
#m_blog divtit a 文章标题链接{color:#333333;font-size:14px;font-weight:bold}
#m_blog divtit a:visited{color:#333333}
#m_blog divdate 文章发表日期{margin:5px 0 8px 0;color:#666666}
#m_blog divcnt 文章内容{color:#333333;line-height:20px;font-size:14px}
#m_blog divmore{margin:14px 0 16px 0}
#m_blog divmore a 阅读全文链接{color:#3399CC;font-size:14px}
#m_blog divmore a:visited{color:#3399CC}
#m_blog divopt 文章 *** 作区(如编辑、评论等){color:#666666;font-size:12px}
#m_blog divopt a 文章 *** 作链接{color:#3399CC;font-size:12px}
#m_blog divopt a:visited{color:#3399CC}
#m_blog divline 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_blog divnone 无文章提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}
--------------------------------------------------------------------------------
个人档案区域
#m_pro a 链接{color:#3399CC}
#m_pro a:visited{color:#3399CC}
#m_pro divimage 个人头像{text-align:center}
#m_pro divact *** 作区(如加为好友、发送消息){margin-top:10px}
#m_pro divuser 用户名{margin-top:10px;color:#333333;font-size:12px;font-weight:bold}
#m_pro divdesc 用户简介{color:#333333;font-size:12px}
#m_pro divline 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_pro td{color:#333333;line-height:24px;font-size:14px}
--------------------------------------------------------------------------------
相册区域
#m_album divimage 照片{text-align:center}
#m_album divpage {color:#666666;font-size:12px;text-align:center}
#m_album divpage a{color:#0000CC;font-size:12px}
#m_album divpage a:visited{color:#0000CC}
--------------------------------------------------------------------------------
友情链接区域
#m_links divitem 子项{color:#333333;font-size:12px}
#m_links divitem a 名称(链接){color:#3399CC;font-size:12px;text-decoration:none}
#m_links divitem a:visited{color:#3399CC}
#m_links divline 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
文章分类
#m_artclg divitem 子项{color:#666666;font-size:12px}
#m_artclg divitem a 分类名称(链接){color:#3399CC;font-size:12px}
#m_artclg divitem a:visited{color:#3399CC}
#m_artclg divline 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
最新评论区域
#m_comment divitem 子项{color:#333333;font-size:12px}
#m_comment divitem a 发表人(链接){color:#3399CC;font-size:12px}
#m_comment divitem a:visited{color:#3399CC}
#m_comment divitem acnt 评论摘要(链接){color:#333333;font-size:12px;text-decoration:none}
#m_comment divitem acnt:visited{color:#333333;text-decoration:none}
#m_comment divitem acnt:hover{color:#333333;text-decoration:underline}
#m_comment divline 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
相册列表
#m_albumlist divnote{color:#333333;font-size:14px}
#m_albumlist divdesc 简介{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:14px}
#m_albumlist divnone 无照片提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}
#m_albumlist divline 分界线{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}
#m_albumlist divtit 照片标题{margin:6px 0 7px 0;color:#333333;font-size:14px}
#m_albumlist divtit a 照片标题链接{color:#3399CC;font-size:14px}
#m_albumlist divtit a:visited{color:#3399CC}
#m_albumlist spancount 照片数量{color:#666666;font-size:12px;font-weight:bold}
#m_albumlist spansize 照片尺寸{color:#999999;font-size:12px;font-family:Arial}
#m_albumlist aact *** 作区链接(如编辑、删除){color:#3399CC;font-size:12px}
#m_albumlist aact:visited{color:#3399CC}
#m_albumlist apage 页码链接{color:#0000CC;font-size:14px}
#m_albumlist apage:visited{color:#0000CC}
#m_albumlist tdimage{padding:5px;border:1px solid #999999;background:#FFFFFF}
--------------------------------------------------------------------------------
好友列表
#m_friend divfilter{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px}
#m_friend divcatalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:14px}
#m_friend divuser{margin-top:4px;color:#333333;font-size:12px}
#m_friend divuser a 好友名称(链接){color:#3399CC;font-size:12px}
#m_friend divuser a:visited{color:#3399CC}
#m_friend divline 分界线{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
设置访问统计、模板设置
#m_setting a 链接{color:#3399CC}
#m_setting a:visited{color:#3399CC}
#m_setting 主体{line-height:22px;color:#333333;font-size:14px}
#m_setting imgsel 模板预览图(选中状态){border:4px solid #FFDB7B}
#m_setting imgunsel 模板预览图(未选中状态){border:1px solid #D2D2D2}
#m_setting spantit 模板标题名称{font-size:14px}
#m_setting spanusr 作者名{color:#666666}
#m_setting divsel “当前模板”文字{padding-top:6px;font-size:14px;font-weight:bold}
#m_setting divline 分界线{margin-top:20px;line-height:16px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
系统公告
#m_sysinfo a 链接{color:#3399CC}
#m_sysinfo a:visited{color:#3399CC}
#m_sysinfo 主体{line-height:22px;color:#333333;font-size:14px}
#m_sysinfo spannew 最新{color:#FF0000;font-size:10px;font-family:Arial}
#m_sysinfo spandate 发布时间{color:#666666;font-size:14px}
--------------------------------------------------------------------------------
基本选项
#m_setbase 主体{color:#333333;font-size:14px}
#m_setbase td{color:#333333;font-size:14px}
#m_setbase divline 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
网友评论
#in_comment 主体{width:710px}
#in_comment divtit 标题{margin-bottom:12px;color:#333333;font-size:14px;font-weight:bold}
#in_comment divuser 发表人名{margin-bottom:6px;color:#333333;font-size:12px}
#in_comment divuser a 发表人名(链接){color:#3399CC;font-size:12px}
#in_comment divuser a:visited{color:#3399CC}
#in_comment divuser spandate 发表时间{color:#666666;font-size:12px}
#in_comment divdesc 评论内容{color:#333333;font-size:12px}
#in_comment divline 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#in_send divtit 发表评论(标题){margin:10px 0 10px 0;color:#333333;font-size:14px;font-weight:bold}

参考资料:

http://wwwbaiducom/search/hi/hi_csshtml

以上就是关于CSS程序怎么编辑呀.全部的内容,包括:CSS程序怎么编辑呀.、、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/9842694.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存