CMS程序网 加入收藏  -  设为首页
您的位置:CMS程序网 > 知识库 > 正文

目录

1,background和background-Color的区别介绍

background和background-Color的区别介绍

background 可以设置 背景颜色、背景图片、定位等 ;
而background-color 只能设置 背景颜色 。

设置background-color: #aaa;时仅仅改变了背景色,但此时有一个默认的的background:repeat;
而设置background: #aaa;后,相当于同时设置了background:no-repeat;
既{background-color: #aaa;background:no-repeat;}=={background: #aaa;}

可以仔细想想

2,CSS中的background和background-color的区别

区别如下: 一,background可以设置背景颜色、背景图片、定位等。而background-color只能设置背景颜色 。 二,底色(background-color)是纯的色区。背景(background),可以是纯色也可以是图案。 三,background的属性值是图片资源,而background-color的是颜色。 扩展资料: 常用的CSS属性的英文单词总结及用法、解释: float - 浮动:设置块元素的浮动效果。可选常用到参数left、right 。 css width - 宽度:确定盒子本身的宽度,可以使盒子的宽度不依靠它所包含的内容多少。 css height - 高度 :确定盒子本身的高度。 css clear - 清除 :用于清除设置的浮动效果,常用参数both 、left、right。 margin - 边距 :控制围绕边框的边距大小。其中包含4个属性:margin-top控制上边距的宽度。 margin-right:控制右边距的宽度。 margin-bottom:控制下边距的宽度。 margin-left:控制左边距的宽度。 padding -内边界:确定围绕块元素的空格填充数量。 font-family- css字体:设定时,需考虑浏览器中有无该字体。 font-size - css字体大小:注意度量html单位。 font-weight - css字体粗细-css加粗样式:除了normal(正常)、bold(粗体)、bolder(特粗)、lighter(细体)外,还有9种以像素为度量为单位的设置方式。 css font-style-样式:css字型。 css line-height - css行高:行距。 font-variant - css变形:可以将正常文字一半尺寸后大写显示。 text-transform - css大小写:这项属性能轻而易举地控制字母大小写。

3,在CSS中,"background-color"和"bgColor"用法上有什么区别。

CSS权威指南
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=145564
The CSS Anthology (第二版) CSS设计大师设计思路与实践
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=146748
HTML & XHTML 权威指南(英文CHM版+中文PDF版)
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=148039
HTML & XHTML - The Complete Reference第四版
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=176158
Building a Web Site 傻瓜书
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=156572
HTML 4 傻瓜书 第五版
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=156578
css禅意花园 (高级CSS开发)
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=148107
CSS与DHTML精髓
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=148097
CSS网页设计师
http://bbs.topsage.com/dispbbs.asp?BoardID=123&ID=146253
CSS Hacks and Filter
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=165935
CSS Mastery高级Web开发标准
http://bbs.topsage.com/dispbbs.asp?BoardID=123&ID=145854
CSS 设计艺术
http://bbs.topsage.com/dispbbs.asp?BoardID=123&ID=145851
CSS代码效果对比学习
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=152650
CSS Web Design傻瓜书
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=152685
Pro CSS Techniques
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=152687
CSS HTML高级设计模式 Pro CSS and HTML Design Patterns
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=149562
Build your Own WebSite - The Right Way Using HTML and CSS
http://bbs.topsage.com/dispbbs.asp?BoardID=123&ID=151264
Mastering Integrated HTML and CSS
http://bbs.topsage.com/dispbbs.asp?BoardID=123&ID=147086
CSS Web Development从入门到精通
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=152691
Web Publishing with HTML and CSS in One Hour a Day
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=152693
Designing with Web Standards 网站重构 英文+中文版
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=157284
Beginning HTML with CSS and XHTML
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=158794
XHTML Moving toward XML
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=159163
Building Smart Web 2.0 Applications
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=158104
How to Do Everything With HTML
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=158813
Teach Yourself HTML in 10 Minutes 第四版
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=176544
HTML,XHTML,and CSS 第六版 Visual Quickstart Guide
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=176488
Spatial Data on the Web:Modeling and Management
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=158897
AdvencED DOM Scripting Dynamic Web Design Techniques
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=158898
精通XHTML程序设计高级编程
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=159284
XHTML实例精解
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=159327
XHTML技术内幕
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=159325
HTML & XHTML - The Complete Reference第四版
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=176158
完美HTML设计 - 使用CSS不用Table (第二版)
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=160478
250 HTML and Web Design Secrets
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=164134
Return on Design
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=160791


Learn Javascript 高清晰PDF珍藏版
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=146076
JavaScript 宝典
http://bbs.topsage.com/dispbbs.asp?BoardID=123&ID=146270
JavaScript宝典(第六版)
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=152342
JavaScript实例宝典 PDF文字版
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=156457
Wrox Beginning JavaScript(第三版)
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=152688
Professional JavaScript for Web Developers
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=152647
Pro JavaScript Design Patterns
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=176842
The Art & Science of JavaScript
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=176836
JavaScript for breakfast
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=152641
JavaScript in 10 Simple Steps or Less
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=152692
JavaScript开发人员参考
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=152690
JavaScript参考大全第二版
http://bbs.topsage.com/dispbbs.asp?BoardID=123&ID=145384
JavaScript权威指南(第四版)
http://bbs.topsage.com/dispbbs.asp?BoardID=123&ID=144260
JavaScript快速查询手册
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=146378
Practical JavaScript DOM Scripting and Ajax Projects
http://bbs.topsage.com/dispbbs.asp?BoardID=123&ID=150277
JavaScript傻瓜书 第四版
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=156579
Javascript and Ajax for the Web 第六版
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=163607
高级Javascript 第二版
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=166763
Build Your Own Database Driven Website
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=167522
上百个超酷JS广告代码收集汇总 (第一辑)
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=154714
上百个超酷JS广告代码收集汇总 (第二辑)
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=154716
上百个超酷JS广告代码收集汇总 (第三辑)
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=154718

4,CSS中的color\background-color有什么区别?

区别:作用不同 color用于设置字体颜色,而background-color同于设置背景颜色。 实例 1、color body { color:red; } h1{ color:#00ff00; } p{ color:rgb(0,0,255); } 2、background-color body{ background-color:yellow;} h1{ background-color:#00ff00; } p { background-color:rgb(255,0,255);} 扩展资料 background-color范围 background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域,扩展到元素边框的外边界(但不包括外边距)。如果边框有透明部分(如虚线边框),会透过这些透明部分显示出背景色。 color范围 这个属性设置了一个元素的前景色(在 HTML 表现中,就是元素文本的颜色);光栅图像不受 color 影响。这个颜色还会应用到元素的所有边框,除非被 border-color 或另外某个边框颜色属性覆盖。 color参数 1、color_name:规定颜色值为颜色名称的背景颜色(比如 red)。 2、hex_number:规定颜色值为十六进制值的背景颜色(比如 #ff0000)。 3、rgb_number:规定颜色值为 rgb 代码的背景颜色(比如 rgb(255,0,0))。 4、transparent:默认。背景颜色为透明。 5、inherit:规定应该从父元素继承 background-color 属性的设置。

5,html background-color如何设置为透明?

html background-color设置为透明的方法如下: 透明表格 表格内容 background是用于在一个声明中设置所有背景属性的一个简写属性。 背景 (background) 属性定义元素的背景效果 元素的背景区包括前景之下直到边框边界的所有空间。因此,内容框与内边距都是元素背景的一部分,且边框画在背景上。 CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果;CSS 在这方面的能力远远在 HTML 之上。 background 是用于在一个声明中设置所有背景属性的一个简写属性。 格式: background: {属性值} 继承性: NO 可能的值: background-color background-image background-repeat background-attachment background-position

6,body 整个空间页面{background-color:#FFFFFF}

本来自己也想写这么一篇文章的,但是偶然间看到了这篇文章,所以就转载了
呵呵

body 整个空间页面{background-color:#FFFFFF}












--------------------------------------------------------------------------------





空间名称和简介区域
#header 主体部分{height:89px;background:#3399CC}
#header div.lc 左背景图{background:url(temp1/hdl.jpg) no-repeat}
#header div.rc 右背景图{background:url(temp1/hdr.jpg) no-repeat top right}
#header div.tit 空间名称{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑体}
#header div.tit a.titlink 空间名称链接{color:#FFFFFF;text-decoration:none}
#header div.tit a.titlink:visited{color:#FFFFFF;text-decoration:none}
#header div.desc 空间简介{top:33px;left:20px;color:#FFFFFF;font-size:13px}
#tabline TAB菜单下方的横线{top:89px;background-color:#FFFFFF}
#tab TAB菜单主体{top:67px;background:url(temp1/tabbg.gif) repeat-x}
#tab a.on,#tab a.on:link,#tab a.on: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 div.line 分界线{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 a.pc 上一页和下一页{color:#3399CC;font-size:14px;font-weight:bold}
#page a.pc:visited{color:#3399CC}
#page a.pi 页码(可点击){padding:3px;color:#3399CC;font-size:14px}
#page a.pi: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}a.modtit {color:#FFFFFF}a.modtit:visited{color:#FFFFFF}
.modtitlink{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtitlink{color:#FFFFFF;text-decoration:none}a.modtitlink:visited{color:#FFFFFF;text-decoration:none}a.modtitlink:hover{color:#FF5100;text-decoration:underline}
.modact 操作文字链接(如文章列表){color:#FFFFFF;font-size:12px}a.modact:link{color:#FFFFFF}a.modact:visited{color:#FFFFFF}
.modbox 模块内容区{padding:10px 10px 0 10px;background-color:#FFFFFF}
.modtl 模块左上角背景{background:url(temp1/ptitl.gif) no-repeat top left;line-height:1px}
.modtc 模块中上背景{background:url(temp1/ptitc.gif) repeat-x}
.modtr 模块右上角背景{background:url(temp1/ptitr.gif) 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}
参考资料:别人的空间 呵呵

7,css 中的background:transparent到底是什么意思有什么作用

有时我在看css时,看到有的css属性定义为background:transparent。意思就是背景透明。实际上background默认的颜色就是透明的属性。所以写和不写都是一样的 有段时间没写文章了,一直在学校,虽然带着电脑,但是不能上网啊!最近在用javascript写一个网页版的操作系统,写好了一定发上来,写的过程中遇到很多问题,许多都是细节方面的,很麻烦,不过自己一直在努力解决,也是对自己的一种提高吧.下面我来说一下我最近遇到的一个问题. 大家知道,你用createelement新建一个div,默认情况下这个div的style中的backgroungcolor属性是transparent,呵呵,如果我做一个div的蒙板,那么请看下面一段代码:复制代码代码如下:div.style.position="absolute"; div.style.width=document.body.clientWidth+"px"; div.style.height=document.body.clientHeight+"px"; div.style.left="0px"; div.style.top="0px"; div.style.zIndex="2000"; div.style.backgroundColor="black"; div.style.filter="alpha(opacity="+0+");"; 这是很多蒙板div的设置,也就是说屏蔽用户对网页上的其他元素进行操作. 我们主要看后面两行代码,前面不是已经说了嘛,div的默认backgroundcolor属性就是transparent,也就是是透明,那么我们干嘛还要多此一举去设置个black(这个无所谓,随便设置个颜色,只要不是transparent就行,也不能是空字符串,浏览器会默认将空字符串看成transparent),并且设置滤镜让他透明呢. 我自己动手做了试验,一开始还对试验结果很迷惑,但自己静下来想想便发现了其中的区别,如果我们没有上面代码的后两句,那么我们便可以对蒙板后的元素进行操作,也就是说起不到屏蔽的作用,但是这个操作是有限制的,具体说就是我们只可以对有焦点的元素进行操作,比如文本,图片,按钮等,我举个例子:复制代码代码如下:<div style="border:1px red solid;width:100px;height:100px" onclick="alert(1)"123</div 正常情况下,只要你点击这个div的任何位置,都会alert的,但是当它被一个backgroundcolor为transparent的元素遮住的时候,我们只有点击123才会alert,因为文本是可以获得焦点的,同理其他元素也一样.顺便说下,这个backgroundcolor为transparent的元素的事件会对被它遮住的元素所截获.如果我们所触发的对象没有焦点,那么事件会交换给transparent的元素处理并按这个元素进行冒泡,否则有焦点的会事件便由有焦点的那个对象处理,不会交换,并且按有焦点的元素进行冒泡.(貌似不是很好理解,可以自己多做做试验就明白了) 设置样式为透明色 有时,上文写了复制代码代码如下:background:inherit; 那么下文就可能要清除一下背景,就写了复制代码代码如下:background:transparent; 透明背景,也就是去掉了被 如果一个元素覆盖在另外一个元素之上,而你想显示下面的元素,这时你就需要把上面这个元素的background设置为transparent