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

作者&投稿:老薇 (若有异议请与网页底部的电邮联系)
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大小写:这项属性能轻而易举地控制字母大小写。

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

区别:作用不同

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 属性的设置。



background包含background-color,它是背景的主要写法,当然如果你要写得详细一点,骚包一点,也可以用background-color来定义颜色~一般的话直接用background就可以了,两者在定义颜色的时候功能完全一样

color是字体的颜色,

background-color是背景的颜色

比如

<div style="color:#f00; background-color:#fff">123</div>

就是白底红字



楼上的说得很对,功能嘛,那导航栏那边,在CSS时写a:link { color:red;backgournd-color:#fff;} a:hover { color:blue;backgournd-color:#ooo;}意思是:当你看到导航时里面的文字是红色,背景颜色是白色,第二个是当你把光标移到导航时字体变蓝色,背景变黑色

color是字体的属性,即颜色,而background-color是背景颜色,如表格的背景色


用lisp语句如何修改天正的文字和颜色问题?
Lisp语言可以通过调用AutoCAD的API函数来修改天正软件中的文字样式和颜色。下面是一个示例Lisp语句,用于修改当前选择的文字对象的样式和颜色:lispCopy code(defun modify-text-style-and-color ()(setq ss (ssget "_:L" '((0 . "TEXT")))(if ss (progn (setq text-style "新的文字样式") ;...

请大家帮忙解释下面公式,每个数字符号是什么意思?谢谢!
输出庄家暗动:如果WW上穿0.06,返回65,否则返回1,COLOR888888,STICK,LINETHICK3 VAR1AA赋值:(36日内最高价的最高值-收盘价)\/(36日内最高价的最高值-36日内最低价的最低值)*100 SS赋值:VAR1AA的5日[1日权重]移动平均 VAR2A赋值:(收盘价-8日内最低价的最低值)\/(8日内最高价的最高值-8...

关于魔兽世界SS的宏
1、如果你装备的是魔杖并且目标可以攻击就是射击,否则使用法术石(战斗中),并且在使用完法术石之后再把魔杖装备上。2、鼠标右键点宏制造石头。3、按住shift无论在什么情况下都装备法术石,按住alt无论在什么情况下都装备魔杖。4、褂檬鼻胱孕懈�哪д群头ㄊ跏�拿�帧�\/color][color=Green]2222222222\/cast [...

求完美国际胖SS(熊猫)的代码,还有是先建立人物再弄代码还是先弄代码再...
双数是帅哥。以SS为例,找到:character40.ini文件,打开文件,找到最下面的[Body],这里是你的身体参数,注意:最大255其他参数最好不要动,那几个跟身体相关的参数,改成255就可以[Body]bodyID (身体的类型)= 0是老虎,1是狮子,2是狼,3是熊猫headScale (头)= 255upScale (上身)= 255waist...

魔兽世界宏命令问题
[color=Green]ss()是当能量大于39时邪恶攻击;ev()是能量大于34时剔骨;ra()是还击激活使用还击;请注意:把还击技能放在快捷栏第1格\/script function getfear(a) local r=0;for i=1,16,1 do b=UnitDebuff("player",i);if b~=nil then if strfind(b,a) then r=1;end;end;end;return r;end;...

求完美国际SS的代码
发行125 *** 182,你可以尝试,不喜欢不上比赛计划给予奖励,谢谢咯,还有其他的代码

七年级上册英语《What color is it》教案设计
Ss:It’s an A. T:What color is it? The teacher answers herself:It’s red. (3) The teacher teaches the other colors with the color pens,repeat these words until students grasp them. Step 2:Lead—in Do the same steps of the letters list on l a as the teacher did in the ...

怎么去掉按钮的边框?
下图是安卓无忧中的例子,可以看里面的源码还有文档,大部分形状都可以定义,请看截图:在Android程序开发中,我们经常会去用到Shape这个东西去定义各种各样的形状,首先我们了解一下 Shape下面有哪些标签,都代表什么意思:1.1 solid:填充 android:color指定填充的颜色 1.2 gradient:渐变 android:start...

ee霜是什么 ee霜和bb霜有什么区别
BB霜可以让 人看上去很自然,因为BB霜是所有类型底妆产品中最温和的。配方中的保溼护肤成分也给肌肤带来一定的保养效果,同时还添加了SPF防晒功能和抗氧化效果,所以BB霜通常也被称为全能型的护肤美颜神器。CC霜(Color Correcting Cream,CC Cream) CC霜也叫做“肤色校正器”,被定位为BB霜类产品的补充...

网易我的世界1.12怎么打出ss?
很荣幸为你解答问题。在Java版游戏中,如果没有搭载其他模组或数据包的话,是不能打出§符号的,因为Java版中的文字库里自动把特殊符号屏蔽掉了(正版也被屏蔽了),如果想要打出彩色字可以用JSON文本来代替。如输入\/say {"text":"abc","color":"red"} 就可以打出一条红色的abc了。在基岩版中只...

梅州市18684791081: 请问大侠们css中 +color 是什么意思?谢谢! -
咸狭奈狄: +号在css中,是相邻兄弟选择器的符号,不是什么hack 选择相邻兄弟 如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器(Adjacent sibling selector).例如,如果要增加紧接在 h1 元素后出现的段落的上边距,可以这样写:h1 + p {margin-top:50px;} 这个选择器读作:“选择紧接在 h1 元素后出现的段落,h1 和 p 元素拥有共同的父元素”.

梅州市18684791081: CSS中的color属性用于设置HTML元素的背景颜色.对还是错? -
咸狭奈狄: 当然是错的了.color是设置字体颜色的.

梅州市18684791081: css 里 color 属性能继承吗~!!? -
咸狭奈狄: 当然可以了.. <a>的color要单独定义的...

梅州市18684791081: 求css代码中控制字体的颜色的方法 -
咸狭奈狄: CSS中控制文字颜色的属性是color.为不同元素设置文本颜色: body{color:red;} h1{color:#00ff00;} p{color:rgb(0,0,255);}color 属性规定文本的颜色. 这个属性设置了一个元素的前景色(在 HTML 表现中,就是元素文本的颜色);光栅图像不受 color 影响.这个颜色还会应用到元素的所有边框,除非被 border-color 或另外某个边框颜色属性覆盖. 要设置一个元素的前景色,最容易的方法是使用 color 属性.

梅州市18684791081: css中的color属性能不能直接写在<input class="css" type="text" value="上海" />的“value”里面? -
咸狭奈狄: value属性里不支持htmlCSS是应用于html文档中的标签,先定义CSS样式: .css{color:#f00;}比如:你要让“上海”两个字变红色,可以这样做: <input class="css" type="text" value="上海" />而不能这样做: <input class="css" type="text" value="<span clss='css'>上海</span>" />

梅州市18684791081: css代码中的颜色 -
咸狭奈狄: 将代码拷贝下来,ctrl+f查找 background或background-color属性名,带#的就是颜色值,是用16进制表示的,#ffffff代表白色,#000000代表黑色,其他颜色介乎期间!

梅州市18684791081: CSS中设置文字颜色 -
咸狭奈狄: 通过CSS样式设置文字样式的单词是color:red; 如果想知道css 超链接文字可以进入divcss5系统学习下div+css

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网