CSS是啥意思

html-css021

CSS是啥意思,第1张

客户服务和支持 Customer Service and Support

客户服务和支持(Customer Service and Support, CSS):以前称做投诉处理部。一旦客户购买了产品或服务,CSS就负责保持和发展客户关系。CSS是与客户联系最频繁的部门而且对保持客户满意度至关重要。由于与消费者的互动关系变得日益复杂,所以客户服务部门需要一个柔性好的、可扩展的、伸缩性好的并且集成度高的高技术基础设施来及时准确地满足客户需求。

CSS包括如下组成部分:

呼叫管理(Call Management):

是CSS应用功能的核心。这部分的作用是登录所有的来电和交易并且从始至终地管理交易。

以互连网为基础的客户服务全套方案:也称做E-service 。

现场服务与分派系统(Field Service and Dispatch, FS/D):

联络中心(Contact Center):

javascript是一种脚本语言,可用来创建客户端脚本和服务器端脚本。

html:超文本标记语言用于创建可以通过web访问的文档。html文档是使用html标记和元素创建的。该文件保存在web服务器上,扩展名为.htm或.html。

w3c推荐的样式表标准包括css和xsl

CSS是Cascading Style Sheets(层叠样式表单)的简称。更多的人把它称作样式表。顾名思义,它是一种设计网页样式的工具。借助CSS的强大功能,网页将在您丰富的想象力下千变万化。

CSS

什么是样式表

CSS是Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

你可能对CSS这个名词比较陌生,实际上无论你用Internet Explorer还是

Netscape Navigator在网上冲浪,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找。不管你用什么工

具软件制作网页,都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼,为什么同样内容的网页,有的人做出来有

几十KB,而高手做出来只有十几KB,CSS在其中的作用是不言而喻的。我把我在使用CSS中的一些小经验以及一些网友来信

提问的问题整理出来,供诸位参考。

1、CSS在网页制作中一般有三种方式的用法,那么具体在使用时该采用哪种用法?

当有多个网页要用到的CSS,采用外连CSS文件的方式,这样网页的代码大大减少,修改起来非常方便;只在单个网页

中使用的CSS,采用文档头部方式;只有在一个网页一、两个地方才用到的CSS,采用行内插入方式。

2、CSS的三种用法在一个网页中要以混用吗?

三种用法可以混用,且不会造成混乱。这就是它为什么称之为“层叠样式表”的原因,浏览器在显示网页时是这样处

理的:先检查有没有行内插入式CSS,有就执行了,针对本句的其它CSS就不去管它了;其次检查头部方式的CSS,有就执行

了;在前两者都没有的情况下再检查外连文件方式的CSS。因此可看出,三种CSS的执行优先级是:行内插入式、头部方

式、外连文件方式。

3、在Dreamweaver3中如何使外部文件式CSS?

在Dreamweaver3中使用外连文件式CSS并没有特殊要求,同样是用记事本创建一个*.css文件,在网页的<head>与

</head>之间加上一句这样的代码:<link rel="stylesheet" href="在这里填上你的CSS文件地址(相对路径+文件

名)" type="text/css">就行了。

4、如何用Dreamweaver3快速创建CSS外连式文件?

对于一个初接触CSS的网页设计人员来讲,要用记事之类的编辑器,去创建一个CSS外连式文件是相当困难的。由于

Dreamweaver3对CSS支持的很好,用它来帮助就轻松多了。具体可以这样操作:

1)先在纸上写好在网站的网页中可能要用到的格名称,然后在Dreamweaver3的编辑窗中调出CSS面板,一个一个地定

义,并在一个空白页上适当地写一点相关内容,边定义边试用,效果不满意,立即修改;

2)全部定义好后,再用记事本创建一个空的CSS外连式文件,把在<head>与</head>之间的那段定义好的CSS复制

到CSS文件中去,就大功告成了。整个过程就是点鼠标,方便吧?

5、在Dreamweaver3中采用行内插入式CSS要手动写代码吗?

不用!先用CSS面板定义好要用的CSS,然后,在要插入CSS的标记插入:style="",再把你刚才定义的CSS从<head>

后面拖到这个双引号中来,把花括号以外的部分删去就行了。

6、在方档头部方式和外连文件方式的CSS中都有“<!--”和“-->”,好象没什么用,不要可以吗?

这一对东东的作用是为了不引起低版本浏览器的错误。如果某个执行此页面的浏览器不支持CSS,它将忽略其中的内

容。虽然现在使用不支持CSS浏览器的人已很少了,由于互联网上几乎什么可能都会发生,所以还是留着为妙。

7、如何给一部分文字加背景色?

给文字加上不同颜色,在DW3中只要在属性面板上选取文字的颜色就行了,非常方便,但要给部分文字加不同的背景色

却没有相应的功能,我们可以先做一个定义背景色的CSS(如:bgstyle),在DW3中点几下鼠就完成了。如一个定义淡黄色

背景的CSS是这样的:

<style type="text/css">

<!--

.bgstyle { background: #FFFFCC}

-->

</style>

在要用时选取那段文字,再在CSS面板上点一下“bgstyle”就行了。

8、如何给部分文字加背景图像?

与加背景色操作类似,中是在背景在选择加载图象就是了,一个定义好的加背景图象的CSS例子的代码是这样的:

<style type="text/css">

<!--

.imgbgstyle { background-image: url(/logo.gif)}

-->

</style>

在要用时选取那段文字,再在CSS面板上点一下“imgbgstyle”就行了。

9、如何使页面的背景在文字“滚动”时背景图案静止不动?

要使背景图案不随文字“滚动”的CSS是这样的:

<style type="text/css">

<!--

BODY { background: purple url(/bg.jpg)

background-repeat:repeat-y

background-attachment:fixed

}

-->

</style>

10、如何定义字间距?

在DW3中CSS的属性定义对话框(style Definition for .style1)的“Block”上的“letter spaceing”属性定义的就

是字间距,它指的是每一个字符之间的额外间距,经长度为单位,正负值均可,当取负值时产生字符挤在一起的效果。下

面代码是一个定义好的字间距CSS例子:

<style type="text/css">

<!--

.style1 { letter-spacing: 3px}

-->

</style>

11、如何给文字加上划线、下划线、删除线和闪烁?

在DW3中CSS的属性定义对话框(style Definition for .style1)的“Type”上的“decoration”属性定义的就是这些

内容,要注意的是闪烁属性有些版本的浏览器不支持,少用为好。下面是一个定义好上述效果的CSS例子:

<style type="text/css">

<!--

.style1 { text-decoration: underline overline line-through blink}

-->

</style>

其中: “underline”是定义下划线;“overline ”是定义上划线;“ line-through”定义的是删除线;“blink”

定义的是文字闪烁。

12、如何使网页具有“首行缩进”功能?

由于DW3输入空格不方便,利用“首行缩进”将弥补这个不足。在DW3中CSS的属性定义对话框(style Definition

for .style1)的“Block”上的“text-indent”属性定义的就是“首行缩进”,所谓“首行”是指每段内容的第一行,也

就是直接按回车键就形成了一个新的段落。缩进最好以“em”(字符)为单位,比如:汉字编排要求每段开始缩进两个汉

字,设置好的CSS如下所示:

<style type="text/css">

<!--

.style1 { text-indent: 2em}

-->

</style>

在DW3要注意:在DW3中CSS的属性定义对话框(style Definition for .style1)的“Block”上的“text-indent”右

面的缩进单位选择框中“ems”指的就是“em”。

13、在用表格进行排版时,能使某一方向上的内容离开表格线一点吗?

可以!在DW3中CSS的属性定义对话框(style Definition for .style1)的“Box”上的“margin”定义的就是内容离

开边缘的距离,分别可定义四个方向:“top”“bottom”“left”“right”。下面就是定义在左边离开“10px”的CSS例

子代码:

<style type="text/css">

<!--

.style1 { margin: 0px 0px 0px 10px}

-->

</style>

14、能给某部分内容加边框吗?

用CSS可以给某部分内容加边框,在DW3中CSS的属性定义对话框(style Definition for .style1)的“Border”定义

的就是边框线,“top”“bottom”“left”“right”四边可分别定义线的粗细和颜色,这些定义好后不要忘记在下面的

“style”中定义线型,否则将看不边框线,因为默认的线型是“none”。下面是一个定义了上边框为:蓝色细线;左边框

为:绿色中粗线的CSS例子:

<style type="text/css">

<!--

.style1 { border: solidborder-width: thin 0px 0px mediumborder-color: #0000FF black black #00FF00}

-->

层叠性 是指多种CSS样式的叠加,也是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉。

定义CSS样式时,经常出现两个或更多规则应用在同一元素上

·选择器相同,则执行层叠性

·选择器不同,就会出现优先级的问题,就会涉及CSS权重计算。

下面我们详解介绍 CSS层叠性权重计算方法。

1) 权重计算公式

关于CSS权重,我们需要一套计算公式来去计算,这个就是 CSS Specificity(特殊性)

值从左到右,左面的最大,一级大于一级,数位之间没有进制,级别之间不可超越。

·关于CSS权重,我们需要一套计算公式来去计算,这个就是 CSS Specificity(特殊性)

2) 权重叠加

我们经常用交集选择器,后代选择器等,是有多个基础选择器组合而成,那么此时,就会出现权重叠加。

就是一个简单的加法计算

div ul li ------>0,0,0,3

.nav ul li ------>0,0,1,2

a:hover -----—>0,0,1,1

.nav a ------>0,0,1,1

注意:

数位之间没有进制 比如说: 0,0,0,5 + 0,0,0,5 =0,0,0,10 而不是 0,0, 1, 0, 所以不会存在10个div能赶上一个类选择器的情况。

3) 继承的权重是0

这个不难,但是忽略很容易绕晕。其实,我们修改样式,一定要看该标签有没有被选中。

1) 如果选中了,那么以上面的公式来计权重。谁大听谁的。

2) 如果没有选中,那么权重是0,因为继承的权重为0。

前端入门Web前端HTML5+CSS3+移动Web前端全套

这个空间是专门教人CSS的,我就是从一点也不懂到稍微懂点全是在这个空间里学的。 http://hi.baidu.com/space163body{ background-color:#47B12Cbackground-image: URL(http://hiphotos.baidu.com/sysu%5Fgreen/pic/item/90e019d5723bbcc451da4b0e.jpg

)/*大背景*/ background-position: centerbackground-repeat: no-repeatbackground-attachment: fixedCURSOR:http://webme.bokee.com/inc/mouse052.aniSCROLLBAR-FACE-COLOR: #47B12CSCROLLBAR-HIGHLIGHT-COLOR: whiteSCROLLBAR-SHADOW-COLOR: #FFFFCDSCROLLBAR-3DLIGHT-COLOR: whiteSCROLLBAR-ARROW-COLOR: #FFFFCDSCROLLBAR-TRACK-COLOR: whiteSCROLLBAR-DARKSHADOW-COLOR: #FFFFCDfilter: Xray} #header /*主体部分*/{ height:289pxbackground-color: #009900} #header div.lc /*左背景图*/{ background-image: url(http://hiphotos.baidu.com/sysu_green/pic/item/e2cd8f1082cc5b01213f2e5e.jpg

)background-repeat: no-repeatbackground-position: left centerbackground-attachment: fixed} /*#header div.rc /*右背景图 banner条*//*{background*/ /*url(http://hiphotos.baidu.com/sysu_green/pic/item/31d77b310faaec19eac4af70.jpg

) no-repeat top right}*/ #header div.tit /*空间名称*/{ top:3pxleft:20pxline-height:normalfont-size:largefont-family:"隶书"color: #00FF00text-decoration: blink} #header div.tit a.titlink /*空间名称链接*/{color:#00FF00text-decoration:blink} #header div.tit a.titlink:visited{color:#FFFFFFtext-decoration:none} #header div.desc /*空间简介*/{ top:200pxleft:autocolor:#000080font-size:mediumfont-family: "华文新魏"text-decoration: blinktext-align: centerwhite-space: pre} #tabline /*TAB菜单下方的横线*/{ top:autobackground-color:#FFFFFFcolor: #009900} #tab /*TAB菜单主体*/{ top:265pxbackground-image: nonebackground-repeat: no-repeat} #tab a.on,#tab a.on:link,#tab a.on:visited /*TAB选中状态*/{ line-height:19pxcolor:#00FF00font-size:14pxborder-top-width: 0pxborder-right-width: 0pxborder-bottom-width: 0pxborder-left-width: 0pxborder-top-style: grooveborder-right-style: ridgeborder-bottom-style: insetborder-left-style: ridgeborder-top-color: #009900border-right-color: #009900border-bottom-color: #009900border-left-color: #009900margin: 0px} #tab span /*TAB与TAB之间的分割符“|” */{ font-size:0pxtext-decoration: none} #tab a:link /*TAB未选中状态*/{color:#009900font-size:14px} #tab a:visited{color:#00FF66text-decoration:nonefont-size:14px} #tab2 /*设置TAB菜单主体*/{} #tab2 span /*TAB选中状态*/{ color:#FF0000font-size:12pxfont-weight:boldtext-decoration: blink} #tab2 a /*TAB未选中状态*/{ font-size:12pxcolor: #009900} #tab2 a:link{color:#33FF66} #tab2 a:visited{color:#FF0000} .stage /*(TAB菜单与版权信息之间的区域)*/{} /*其它区域(即访问量等信息)*/ #comm_info /*主体*/{ color:#009900font-family:"华文楷体"text-align:centerfont-size: largefont-style: normalline-height: normalfont-weight: boldfont-variant: small-capstext-transform: capitalizetext-decoration: blinkbackground-attachment: fixedbackground-image: url(http://www.ip.cn/s.php)background-position: center centerwhite-space: prebackground-repeat: no-repeat} #comm_info div.line /*分界线*/{ line-height:50pxbackground-image: url(http://www.ran.co.jp/Sozai/H161114D/049624.gif)text-decoration: nonemargin: autopadding: 0pxbackground-attachment: scrollbackground-repeat: repeat-xbackground-position: left topborder-top-width: 0pxborder-right-width: 0pxborder-bottom-width: 0pxborder-left-width: 0pxborder-top-style: noneborder-right-style: noneborder-bottom-style: noneborder-left-style: none} #comm_info a /*链接*/{color:#3399CC} /*页码区域*/ #page /*主体*/{height:30pxfont-size:14pxfont-family:Arialtext-align:center} #page span /*当前页码(不可点击)*/{padding:3pxcolor:#009900font-size:14pxfont-weight:bold} #page a.pc /*上一页和下一页*/{color:#3399CCfont-size:14pxfont-weight:bold} #page a.pc:visited{color:#3399CC} #page a.pi /*页码(可点击)*/{padding:3pxcolor:#3399CCfont-size:14px} #page a.pi:visited{color:#3399CC} /*模块*/ .mod {margin-bottom:10px} .modhandle{cursor:move} .modth /*模块标题栏主体*/{ height:50pxbackground-attachment: fixedbackground-image: url(http://www.ran.co.jp/Sozai/H1611143/011852.gif)background-repeat: no-repeatbackground-position: left top} .modhead{padding:4px 4px 0 4px} .modopt /*模块操作区(如写新文章)*/{padding:4px 4px 0 0} .modtit /*模块标题区(如文章列表)*/{ color:#0000FFfont-size:18pxfont-weight:boldfont-family: "华文行楷"}a.modtit{color:#FFFFFF}a.modtit:visited{color:#FFFFFF} .modtitlink{color:#FFFFFFfont-size:12pxfont-weight:bold}a.modtitlink{color:#FFFFFFtext-decoration:none}a.modtitlink:visited{color:#FFFFFFtext-decoration:none}a.modtitlink:hover{color:#FF5100text-decoration:underline} .modact /*操作文字链接(如文章列表)*/{color:#FFFFFFfont-size:12px}a.modact:link{color:#FFFFFF}a.modact:visited{color:#FFFFFF} .modbox /*模块内容区*/{ padding:0pxbackground-attachment: scrollbackground-image: url(background-repeat: repeat-ybackground-position: left top} .modtl /*模块左上角背景*/{background:url(temp1/ptitl.gif) no-repeat top leftline-height:1px} .modtc /*模块中上背景*/{background:url(temp1/ptitc.gif) repeat-x} .modtr /*模块右上角背景*/{background:url(temp1/ptitr.gif" target="_blank" >http://hiphotos.baidu.com/sysu%5Fgreen/pic/item/991c2a383c578824b8998f18.jpg)background-repeat: repeat-ybackground-position: left top} .modtl /*模块左上角背景*/{background:url(temp1/ptitl.gif) no-repeat top leftline-height:1px} .modtc /*模块中上背景*/{background:url(temp1/ptitc.gif) repeat-x} .modtr /*模块右上角背景*/{background:url(temp1/ptitr.gif

) no-repeat top rightline-height:1px} .modbl /*模块左下角背景*/{background-color:#FFFFFFline-height:1px} .modbc /*模块中下背景*/{background-color:#FFFFFFline-height:1px} .modbr /*模块右下角背景*/{background-color:#FFFFFFline-height:1px} /*.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=65)-moz-opacity:0.9width:auto !importantwidth:100%}*/ /*文章标题*/ #m_blog div.tit{ font-size:x-largefont-weight:boldfilter:Shadow(Color=gray,Direction=135)text-indent:4cm/*标题居中,采用了缩进*/ line-height:127px/*增大行高,使背景图片完全显示*/ line-height:127pxtext-indent:234pxbackground:url(http://hiphotos.baidu.com/sysu_green/pic/item/584812383ebba4f2b311c769.jpg

) no-repeatfont-family: "华文行楷"color: #009900}/*每篇文章前面的图*/ #m_blog div.tit /*文章标题链接*/ a{color: #009900font-size:x-largefont-weight:bold} #m_blog div.tit a:visited{color:#333333} #m_blog div.date /*文章发表日期*/{ margin:5px 0 8px 0color:#FF0000font-family: "华文新魏"font-size: mediumtext-decoration: blink} #m_blog div.cnt /*文章内容*/{color:#333333line-height:20pxfont-size:14px} #m_blog div.more{margin:14px 0 16px 0} #m_blog div.more a /*阅读全文链接*/{color:#3399CCfont-size:14px} #m_blog div.more a:visited{color:#3399CC} #m_blog div.opt /*文章操作区(如编辑、评论等)*/{color:#666666font-size:12px} #m_blog div.opt a /*文章操作链接*/{color:#3399CCfont-size:12px} #m_blog div.opt a:visited{color:#3399CC} #m_blog div.line /*分界线*/{ margin-top:autoline-height:20pxbackground-image: url(http://city.9sky.com/non-cgi/usr/27/27_4200_36.gif)border-top-width: 0pxborder-right-width: 0pxborder-bottom-width: 0pxborder-left-width: 0pxborder-top-style: noneborder-right-style: noneborder-bottom-style: noneborder-left-style: nonebackground-attachment: scrollbackground-repeat: repeat-xbackground-position: left top} #m_blog div.none /*无文章提示信息*/{padding:100px 0 100px 0color:#333333font-size:14px} #m_pro a /*链接*/{color:#3399CC} #m_pro a:visited{color:#3399CC} #m_pro div.image /*个人头像*/{text-align:center} #m_pro div.act /*操作区(如加为好友、发送消息)*/{margin-top:10px} #m_pro div.user /*用户名*/{margin-top:10pxcolor:#333333font-size:12pxfont-weight:bold} #m_pro div.desc /*用户简介*/{color:#333333font-size:12px} #m_pro div.line /*分界线*/{ line-height:50pxbackground-image: url(http://city.9sky.com/non-cgi/usr/27/27_4200_53.gif)/*草*/ margin: autoborder-top-width: 0pxborder-right-width: 0pxborder-bottom-width: 0pxborder-left-width: 0pxborder-top-style: noneborder-right-style: noneborder-bottom-style: noneborder-left-style: none} #m_pro td{color:#333333line-height:24pxfont-size:14px} #m_album div.image /*照片*/{text-align:center} #m_album div.page {color:#666666font-size:12pxtext-align:center} #m_album div.page a{color:#0000CCfont-size:12px} #m_album div.page a:visited{color:#0000CC} #m_links div.item /*子项*/{color:#333333font-size:12px} #m_links div.item a /*名称(链接)*/{color:#3399CCfont-size:12pxtext-decoration:none} #m_links div.item a:visited{color:#3399CC} #m_links div.line /*分界线*/{ line-height:40pxbackground-image: url(http://city.9sky.com/non-cgi/usr/27/27_4200_53.gif)margin: autoborder-top-width: 0pxborder-right-width: 0pxborder-bottom-width: 0pxborder-left-width: 0pxborder-top-style: noneborder-right-style: noneborder-bottom-style: noneborder-left-style: nonebackground-attachment: scrollbackground-repeat: repeat-xbackground-position: left top} #m_artclg div.item /*子项*/{color:#666666font-size:12px} #m_artclg div.item a /*分类名称(链接)*/{color:#3399CCfont-size:12px} #m_artclg div.item a:visited{color:#3399CC} #m_artclg div.line /*分界线*/{ margin-top:5pxline-height:50pxbackground-image: url(http://fairydoudou824.vip.sina.com/webgif01/l_gg01.gif)border-top-width: 0pxborder-right-width: 0pxborder-bottom-width: 0pxborder-left-width: 0pxborder-top-style: noneborder-right-style: noneborder-bottom-style: noneborder-left-style: none} /*最新评论区域*/ #m_comment div.item /*子项*/{color:#333333font-size:12px} #m_comment div.item a /*发表人(链接)*/{color:#3399CCfont-size:12px} #m_comment div.item a:visited{color:#3399CC} #m_comment div.item a.cnt /*评论摘要(链接)*/{color:#333333font-size:12pxtext-decoration:none} #m_comment div.item a.cnt:visited{color:#333333text-decoration:none} #m_comment div.item a.cnt:hover{color:#333333text-decoration:underline} #m_comment div.line /*分界线*/{ line-height:50pxbackground-image: url(http://fairydoudou824.vip.sina.com/webgif01/l_yo13.gif)margin: autoborder-top-width: 0pxborder-right-width: 0pxborder-bottom-width: 0pxborder-left-width: 0pxborder-top-style: noneborder-right-style: noneborder-bottom-style: noneborder-left-style: none} /*相册列表*/ #m_albumlist div.note{color:#333333font-size:14px} #m_albumlist div.desc /*简介*/{margin-bottom:12pxpadding:3px 10px 3px 10pxline-height:22pxbackground-color:#F2F2F2font-size:14px} #m_albumlist div.none /*无照片提示信息*/{padding:100px 0 100px 0color:#333333font-size:14px} #m_albumlist div.line /*分界线*/{ margin-top:10pxline-height:50pxborder-top:1px solid #D2E9F4background-image: url(http://fairydoudou824.vip.sina.com/webgif01/l_gree.gif)} #m_albumlist div.tit /*照片标题*/{margin:6px 0 7px 0color:#333333font-size:14px} #m_albumlist div.tit a /*照片标题链接*/{color:#3399CCfont-size:14px} #m_albumlist div.tit a:visited{color:#3399CC} #m_albumlist span.count /*照片数量*/{color:#666666font-size:12pxfont-weight:bold} #m_albumlist span.size /*照片尺寸*/{color:#999999font-size:12pxfont-family:Arial} #m_albumlist a.act /*操作区链接(如编辑、删除)*/{color:#3399CCfont-size:12px} #m_albumlist a.act:visited{color:#3399CC} #m_albumlist a.page /*页码链接*/{color:#0000CCfont-size:14px} #m_albumlist a.page:visited{color:#0000CC} #m_albumlist td.image{padding:5pxborder:1px solid #999999background:#FFFFFF} /*好友列表*/ #m_friend div.filter{margin-bottom:10pxpadding-left:10pxpadding-top:10pxheight:27pxline-height:27px} #m_friend div.catalog{margin-bottom:10pxpadding-left:10pxheight:27pxline-height:27pxbackground-color:#F2F2F2font-size:14px} #m_friend div.user{margin-top:4pxcolor:#333333font-size:12px} #m_friend div.user a /*好友名称(链接)*/{color:#3399CCfont-size:12px} #m_friend div.user a:visited{color:#3399CC} #m_friend div.line /*分界线*/{ line-height:50pxborder-top:1px solid #D2E9F4background-image: url(http://fairydoudou824.vip.sina.com/webgif01/l_x01.gif)margin: auto} /*设置访问统计、模板设置*/ #m_setting a /*链接*/{color:#3399CC} #m_setting a:visited{color:#3399CC} #m_setting /*主体*/{line-height:22pxcolor:#333333font-size:14px} #m_setting img.sel /*模板预览图(选中状态)*/{border:4px solid #FFDB7B} #m_setting img.unsel /*模板预览图(未选中状态)*/{border:1px solid #D2D2D2} #m_setting span.tit /*模板标题名称*/{font-size:14px} #m_setting span.usr /*作者名*/{color:#666666} #m_setting div.sel /* “当前模板”文字*/{padding-top:6pxfont-size:14pxfont-weight:bold} #m_setting div.line /*分界线*/{margin-top:20pxline-height:16pxborder-top:1px solid #D2E9F4} /*系统公告*/ #m_sysinfo a /*链接*/{color:#3399CC} #m_sysinfo a:visited{color:#3399CC} #m_sysinfo /*主体*/{line-height:22pxcolor:#333333font-size:14px} #m_sysinfo span.new /*最新*/{color:#FF0000font-size:10pxfont-family:Arial} #m_sysinfo span.date /*发布时间*/{color:#666666font-size:14px} /*基本选项*/ #m_setbase /*主体*/{color:#333333font-size:14px} #m_setbase td{color:#333333font-size:14px} #m_setbase div.line /*分界线*/{margin-top:5pxline-height:8pxborder-top:1px solid #D2E9F4} /*网友评论*/ #in_comment /*主体*/{width:710px} #in_comment div.tit /*标*/{margin-bottom:12pxcolor:#333333font-size:14pxfont-weight:bold} #in_comment div.user /*发表人名*/{margin-bottom:6pxcolor:#333333font-size:12px} #in_comment div.user a /*发表人名(链接)*/{color:#3399CCfont-size:12px} #in_comment div.user a:visited{color:#3399CC} #in_comment div.user span.date /*发表时间*/{color:#666666font-size:12px} #in_comment div.desc /*评论内容*/{color:#333333font-size:12px} #in_comment div.line /*分界线*/{ line-height:50pxbackground-image: url(http://city.9sky.com/non-cgi/usr/27/27_4200_634.gif)margin: autoborder-top-width: 0pxborder-right-width: 0pxborder-bottom-width: 0pxborder-left-width: 0pxborder-top-style: noneborder-right-style: noneborder-bottom-style: noneborder-left-style: none} #in_send div.tit /*发表评论(标题)*/{margin:10px 0 10px 0color:#333333font-size:14pxfont-weight:bold} #m_blog{SCROLLBAR-FACE-COLOR:#00aa00SCROLLBAR-HIGHLIGHT-COLOR:#009900SCROLLBAR-SHADOW-COLOR:#009900SCROLLBAR-3DLIGHT-COLOR:#009900SCROLLBAR-ARROW-COLOR:#ffffffSCROLLBAR-TRACK-COLOR:#009900SCROLLBAR-DARKSHADOW-COLOR:#009900CURSOR:S-Resizeoverflow-y:autoheight:1000pxfilter: chroma(color=#009900)} /*文章列表的滚动条*/ #m_pro{ SCROLLBAR-FACE-COLOR:#00aa00SCROLLBAR-HIGHLIGHT-COLOR:#009900SCROLLBAR-SHADOW-COLOR:#009900SCROLLBAR-3DLIGHT-COLOR:#009900SCROLLBAR-ARROW-COLOR:#ffffffSCROLLBAR-TRACK-COLOR:#009900SCROLLBAR-DARKSHADOW-COLOR:#009900CURSOR:S-Resizeoverflow-y:autoheight:300pxfilter: chroma(color=#009900)} /*个人档案的滚动条*/ #m_links{SCROLLBAR-FACE-COLOR:#00aa00SCROLLBAR-HIGHLIGHT-COLOR:#009900SCROLLBAR-SHADOW-COLOR:#009900SCROLLBAR-3DLIGHT-COLOR:#009900SCROLLBAR-ARROW-COLOR:#ffffffSCROLLBAR-TRACK-COLOR:#009900SCROLLBAR-DARKSHADOW-COLOR:#009900CURSOR:S-Resizeoverflow-y:autoheight:300pxfilter: chroma(color=#009900)} /*友情链接的滚动条*/ #m_artclg{ SCROLLBAR-FACE-COLOR:#00aa00SCROLLBAR-HIGHLIGHT-COLOR:#009900SCROLLBAR-SHADOW-COLOR:#009900SCROLLBAR-3DLIGHT-COLOR:#009900SCROLLBAR-ARROW-COLOR:#ffffffSCROLLBAR-TRACK-COLOR:#009900SCROLLBAR-DARKSHADOW-COLOR:#009900CURSOR:S-Resizeoverflow-y:autoheight:300pxfilter: chroma(color=#009900)} /*文章分类的滚动条*/ #m_comment{ SCROLLBAR-FACE-COLOR:#00aa00SCROLLBAR-HIGHLIGHT-COLOR:#009900SCROLLBAR-SHADOW-COLOR:#009900SCROLLBAR-3DLIGHT-COLOR:#009900SCROLLBAR-ARROW-COLOR:#ffffffSCROLLBAR-TRACK-COLOR:#009900SCROLLBAR-DARKSHADOW-COLOR:#009900overflow-y:autoheight:300pxCURSOR:S-Resizefilter: chroma(color=#009900)} /*最新评论的滚动条*/ #header div.tit{background:url("javascript:document.body.onload = function(){ if(document.getElementById("m_links")){var m_links=document.getElementById("m_links")m_links.innerHTML=""+m_links.innerHTML+""} }")}/*是是友好链接动起来的代码㊣〓*/ 专门介绍baidu的css的网站也有很多,有些人还在自己的baidu空间上专门开了栏目来介绍baidu css,觉得他们纯粹是为了骗点击率!本来css就没有什么技术含量。他们还把什么换一个背景啊,换一个播放器啊,加上一点自己的banner条啊这些,一个小问题就可以写得常篇大论,好像好高深的样子,不仅让人难以看懂,还要浪费很多无知青少年的时间,又没有收获!一点技术含量都没有!还说什么大家要尊重知识产权,要注明出处。觉得这真是可笑,要说知识产权,就css的创始人有,你们其它人都是在盗用!css作为一门技术,懂了就是自己的, 其实百度上面的css就可以改以下几点:一:背景,几乎所有以#开头的代码段(如:#header div.tit)都可以添加背景图片的,二:颜色,字体,这些大家自己想怎么修改就怎么修改啦,我说一下颜色哪几个数字的意思如: #000000 #后面的数字,每两个为一组,分别表示红绿蓝这三种颜色的量,为十六进制,数字越大,颜色也越深,到了#ffffff最大就是三种最深的红绿蓝光合在一起,表示白色。其余的类推。这根本用不着什么颜色表! 三就是改一下滚动条,也是只能改颜色,没什么好说的。 四就是鼠标的样式啦,大家到网站上搜一下,找到个连接地址,加进来就可以啦, a{CURSOR: url('http://webme.bokee.com/inc/mouse026.ani')} a:hover{position:relativeleft:1pxtop:1pxclip:rect()} input,textarea{CURSOR: url('http://webme.bokee.com/inc/mouse022.ani')} 这是其中一个代码,随便把它放在css的某个地方就可以的了。改变连接地址就有不同的效果啦。当然如果想更有自己的特色的话,大家可以自己做一个,然后上传到自己的空间(前提当然是自己有啦)再连接就可以啦。 还有个就是播放器透明的,我不太提倡,这些播放的东西,还是让读者界定要不要听。 目前大概就这么多了,当然,如果baidu开发更多的代码的话就另当别论。有新的特效的时候再更新了,上面的注释已经够详细的啦,大家看注释应该可以把自己的空间修改得挺漂亮的了。 有一些细节的东西,大家主要注意一下就行啦,比如颜色啊,长度啊,宽度啊,高度啊,这些慢慢调整一下,使他们看起来协调一点就行了。