当前位置:起点学习辅导网培训频道电脑知识学习网页制作HTML与CSS教程百度空间详细CSS代码详解

百度空间详细CSS代码详解

08-08 00:34:06浏览次数:739栏目:HTML与CSS教程
标签:html与css教程,css教程,html网页设计教程, 百度空间详细CSS代码详解,
电脑术语解释大全

空间名称和简介区域

#header ——主体部分—空间头部的整个标题部分
#header div.lc ——主页左上角背景图片
#header div.rc—— 主页右上角背景图片
#header div.tit ——空间名称,即主标题,名字大小颜色
#header div.tit a.titlink ——空间名称链接,未被点击
#header div.tit a.titlink:visited——已被访问过的链接
#header div.desc ——空间简介,即副标题,位置大小颜色

导航栏
#tabline ——菜单下方的横线,即分隔符,用来与空间名称分开
#tab ——导航菜单栏主体—页面上方“主页博客|相册……”栏背景图片
#tab a.on,#tab a.on:link,#tab a.on:visited—— 选中状态,即“导航栏链接”,大小颜色+背景
#tab span ——导航栏项与项之间的分割符“|”
#tab a:link ——TAB“博客|相册……”栏链接颜色,未被点击
#tab a:visited——“博客|相册……”已被访问过的链接
#tab2 ——(基本选项 | 模板设置 | 高级设置 | 访问统计) 这行的菜单主体属性
#tab2 span ——TAB选中状态
#tab2 a ——TAB未选中状态
#tab2 a:link
#tab2 a:visited ——已被访问过的链接

内容区域
.stage ——页面正文所有部分(导航栏以下)

其它区域(即访问量等信息)
#comm_info 主体部分——“其它”中“已有 人次访问本空间”颜色、位置
#comm_info div.line ——“已有 人次访问本空间”下面粉红色分割线相关设置
#comm_info a——“其它”中“什么是RSS?”颜色
#comm_info a:hover——悬停效果
#comm_info.mod——区域标题
#m_comm_info.modbox——其它区域模块
#pvshow——访问量数字字体#m_comm_info div a——百度logo

页码区域
#page ——主体 高度大小位置
#page span—— 当前页码(不可点击)
#page a.pc—— 上一页和下一页 未被点击
#page a.pc:visited—— 已被点击
#page a.pi ——页码(可点击)
#page a.pi:visited ——已被访问过的链接

模块区域
.mod ——模块标题,上下间距
.modhandle{cursor:move}
.modth ——模块标题栏主体和正文之间的距离
.modhead ——模块标题区的位置
.modopt ——模块操作区(如写新文章),间距
.modtit ——模块标题区(如文章列表、个人档案)大小颜色
.modtitlink ——模块标题链接
.modact ——操作文字链接,“修改个人资料”链接,——右上角“编辑”等链接的相关大小颜色设置。
.modbox ——模块内容区主背景颜色等
a.modact:link——“修改个人资料”链接颜色
a.modactlink:visited ——已被访问过的链接
.modtl ——模块左上角远郊边沿图片背景,第一列,空列
.modtc—— 模块中上的背景图片背景,第二、三列,个人档案、修改个人资料
.modtr ——模块右上角背景图片背景,第四列,空列
.modbl ——模块左下角背景图片背景
.modbc—— 模块中下、最下端一条背景图片背景
.modbr ——模块右下角背景图片背景

文章区域
#m_blog div.tit ——文章标题
#m_blog div.tit a ——文章标题链接,大小颜色,未被点击
#m_blog div.tit a:visited ——文章标题大小颜色已被访问过的链接
#m_blog div.date ——文章发表日期,文字大小颜色
#m_blog div.cnt—— 文章内容大小颜色
#m_blog div.more ——“阅读全文>>”
#m_blog div.more a ——“阅读全文>>”的大小颜色,未被点击
#m_blog div.more a:visited ——“阅读全文>>”的大小颜色已被访问过的链接
#m_blog div.opt ——文章操作区(如“编辑”等的颜色大小)
#m_blog div.opt a ——文章操作链接大小颜色
#m_blog div.opt a:visited ——“编辑 删除 评论(4) 浏览(21)”已被访问过的链接
#m_blog div.line ——分隔条的相关设置
#m_blog div.none ——无文章提示信息,隐形设置,不需要改变

个人档案区域
#mod_profile.modtit——首页个人档案标题
#m_pro a ——个人档案中“查看详细信息”的颜色,未被点击
#m_pro a:hover——悬停效果
#m_pro a:visited ——个人档案中“查看详细信息”已被访问过的链接
#m_pro div.image ——个人档案中个人头像的显示位置,分为“中,左,右——center,left,right”
#m_pro div.act ——操作区——个人介绍和头像的间距
#m_pro div.user ——个人用户名的大小颜色
#m_pro div.desc ——个人简介的大小颜色
#m_pro div.line—— 分界线
#m_pro td
#m_pro .photo——照片的背景(此项以下不能预览
#m_pro .photo td——加为好友发送消息中间“|”
#m_pro .photo .image
#m_pro .photo .line——头像下划线
#m_pro .ref
#m_pro .ref .tit——从“用户名”到“圈子”
#m_pro .ref .cnt
#m_pro .basic td——用户名至查看该用户在百度的等
#m_pro .basic .tit
#m_pro .basic a:hover——男省份日期链接,鼠标悬浮在上的链接,未被点击
#m_pro .basic a.nlk:hover——“贴吧发言”“知道回答”
#m_pro .pline——中间分界线
#m_pro .pitem——字体 高度
#m_pro .pitem .tit——我曾就读过的学校等
#m_pro .pitem a:hover——鼠标悬浮在上的链接

相册区域
#m_album div.image ——相册中照片的显示位置,分为“中,左,右——center,left,right”
#m_album div.page ——“上一页”>>“下一页”
#m_album div.page a ——“上一页”的“下一页”未被点击
#m_album div.page a:visited—— “上一页”的“下一页”已被访问过的链接
#m_album div.image——相册预览区域
#m_album a img——图片链接
#m_album a:hover img——图片悬停效果
#cbut——相册操作按钮
#cbut a img{border:0px;filter:alpha(enabled=0)} ——按钮图片

友情链接区域
#m_links div.item ——子项——友情链接中字体颜色大小
#m_links div.item a ——名称(链接)——友情链接中字体的大小颜色,未被点击
#m_links div.item a:visited ——友情链接中字体的大小颜色,已被点击
#m_links div.line ——分界线

自定义模块1-4
#m_mylink1-4 div.item——“描述”的内容
#m_mylink1-4 div.item a——标题链接名称
#m_mylink1-4 div.item a:visited——标题链接名称已被访问过的链接
#m_mylink1-4 div.line——分割线

文章分类区域
#m_artclg div.item ——子项——文章分类中各分类后面主题数及括号的大小颜色
#m_artclg div.item a ——分类名称(链接)——文章分类中各分类的大小颜色,未被点击
#m_artclg div.item a:visited ——文章分类中各分类已被访问过的链接
#m_artclg div.line ——分界线——文章分类中各分类之间的分隔符的相关设置

最新评论区域
#m_comment div.item ——子项——最新评论中用户名的大小颜色,未被点击
#m_comment div.item a ——最新评论中用户名的大小颜色,未被点击
#m_comment div.item a:visited—— 最新评论中用户名的大小颜色,已被点击
#m_comment div.item a.cnt ——最新评论中评论文字的大小颜色,未被点击
#m_comment div.item a.cnt:visited ——最新评论中评论文字的大小颜色已被访问过的链接
#m_comment div.item a.cnt:hover ——最新评论中评论文字鼠标悬浮在上的链接
#m_comment div.line ——最新评论中各评论之间的分割线的相关设置

相册列表
#m_albumlist——第一层相册区域背景
#m_albumlist div.none——无照片提示信息
#m_albumlist a img——小相册封面图
#m_albumlist a:hover img——鼠标悬停效果
#m_albumlist div.line——分界线
#m_albumlist div.tit——相册标题
#m_albumlist div.tit a
#m_albumlist div.tit a:hover——悬停效果
#m_albumlist span.count——照片数量
#m_albumlist a.act——操作区链接,如编辑、删除

[1] [2]  下一页

,百度空间详细CSS代码详解
《百度空间详细CSS代码详解》相关文章
给资讯打分:
网友评论: