style.background(CSS中：style="background：url() no-repeat center 0;")
各位老铁们好，相信很多人对style.background都不是特别的了解，因此呢，今天就来为大家分享下关于style.background以及CSS中:style="background:url() no-repeat center 0;"的问题知识，还望可以帮助大家，解决大家的一些困惑，下面一起来看看吧！
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中:style="background:url() no-repeat center 0;"
0是背景图片的位置，表示顶部对齐，到顶部距离为0，center表示居中
css中背景样式分别如下：
background-color：#999999；//元素的背景色
background-image:url("path/bgFile.gif");//设置背景图像
background-repeat:repeat-x| repeat-y| repeat| no-repeat;//设置重复方式
background-attachment:fixed| scroll;//设置背景图片的固定方式
background-position:X轴坐标,Y轴坐标[top,bottom,center,left,right,20px,10%];
//设置背景的左上角位置,坐标可以是以百分比或固定单位
background可以用这个属性把前面几个综合起来进行简写,
background各个值的次序依次如下：
background-color| background-image| background-repeat| background-attachment| background-position
例如:
.bg01{
background-color:#FFCC66;
background-image: url("path/bgFile.gif");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: left top;
}
上面可以简写为:
.bg01{background:#FFCC66 url("path/bgFile.gif") no-repeat fixed left top;}
html里<body>标签bgcolor和background-color区别
一、语法不同
1、bgcolor：语法为bgColor="背景颜色"。
2、background-color：语法为style="background-color:背景颜色"。
二、作用不同
1、bgcolor：规定页面的背景颜色。
2、background-color：设置元素的背景颜色。
三、特点不同
1、bgcolor：bgcolor属性标志HTML文档的背景颜色，在 HTML 4.01中，不赞成使用 body元素的 bgcolor属性。
2、background-color：为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界（但不包括外边距）。如果边框有透明部分（如虚线边框），会透过这些透明部分显示出背景色。
参考资料来源：百度百科-BGCOLOR
参考资料来源：百度百科-CSS background-color
js怎么获取css样式里的background属性值呢
ss文件中如何得到某个属性值：
一、getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值，
返回的是一个CSS样式声明对象，只读，此方法支持Firefox浏览器;
语法：var style=window.getComputedStyle(“元素”，“伪类”);第一个参数是必须的，第二个为可选的。
二、currentStyle是一款可以兼容IE浏览器的属性返回的是当前所有最终使用的CSS属性值，
利用element.CurrentStyle.attribute可获取
其与getComputedStyle区别：1、 currentStyle不支持伪类样式获取；
2、currentStyle不支持现代浏览器，支持IE
代码说明：
[html] view plain copy
<span style="font-size:14px;"><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<style type="text/css">
#div1{
width:100px;height:100px;background: red;
}
</style>
<body>
<div id="div1"></div>
</body>
<script type="text/javascript">
var oDiv= document.getElementById('div1');
/*
只能获取，不能设置
获取到的是计算后的样式
最好不要获取复合样式
所获取的样式要设初使值
获取到的样式类型是字符串
别空格 [' width']
*获取到的样式带px的
transform获取不到
transition不准确
*/
function getStyle(obj,attr){
if(obj.currentStyle){//IE
return obj.currentStyle[attr];
}else{
return getComputedStyle(obj,"伪类")[attr];//Firefox
}
}
alert(getStyle(oDiv1,'background'));</html></span>
文章分享到这里，希望我们关于style.background的内容能够给您带来一些新的认识和思考。如果您还有其他问题，欢迎继续探索我们的网站或者与我们交流，我们将尽力为您提供满意的答案。