background-size的值cover、contain和100%】的更多相关文章

图1 给一个宽600px,高600px的div添加一张宽480px,高360px的背景图片.不重复显示的情况下,默认显示为图1. 1.background-size: 100% 100%; 会将图片的宽和高,缩放至和div宽高一致的尺寸(非等比),及宽放大600 / 480 = 1.25倍,高放大600 / 360 = 1.667倍.铺满整个div显示. 图2 2.background-size: cover; 会将图片进行等比缩放,也是会铺满整个div.只不过超出div的部分会被裁剪.cove…
代码如下: import random n = 0 sum = 0 while n < 10: num = random.randint(1, 100) sum = sum + num n += 1 print(num, end=",") print() print("10个数的和为:%d" % sum) print("10个数的平均值为:%.2f" % (sum / 10)) 运行结果:…
import random alist = random.sample(range(1,101),20) #random.sample()生成不相同的随机数 print(alist)…
CSS层叠样式表 三大特性 层叠性:相同的样式会覆盖 继承性:属性可向下继承 优先级:范围越小权重越高 选择器 基础选择器 标签选择器 1 body { 2 color:#fff; 3 } 类选择器 1 .people‐first { 2 color:green; 3 } id选择器 1 #laowang { 2 color:yello; 3 } 通配符选择器 * { 2 margin: 0 ; 3 padding: 0 ; 4 } 高级选择器 后代选择器 1 ul li { 2 list‐st…
最近在使用perfmon做性能测试时发现,“% Disk Time”计数器的值总是会大于100%.如下图所示. perfmon上对“% Disk Time”的中文描述为: % Disk Time 指所选磁盘驱动器忙于为读或写入请求提供服务所用的时间的百分比. 既然是百分比,大于100是何意思?我百思不得其解.于是我找到了微软的官方解答: 官网地址:https://blogs.technet.microsoft.com/askcore/2012/03/16/windows-performance-…
background是一个很重要的css属性,在css3中新增了很多内容.一方面是原有属性新增了属性值,另一方面就是新增了3个属性. 一.css3中新增属性值介绍 css2的background有5个属性,缩写如下: background:background-color,background-image,background-repeat ,background-attachment, background-position; 其中background-image,background-rep…
CSS3对于background做了一些修改,最明显的一个就是采用设置多背景,不但添加了4个新属性,并且还对目前的属性进行了调整增强. 1.多个背景图片 在css3里面,你可以再一个标签元素里应用多个背景图片.代码类似与css2.0版本的写法,但引用图片之间需用“,”逗号隔开.第一个图片是定位在元素最上面的背景,后面的背景图片依次在它下面显示,如下: background-image: url(top-image.jpg), url(middle-image.jpg), url(bottom-i…
CSS3对于background做了一些修改,最明显的一个就是采用设置多背景,不但添加了4个新属性,并且还对目前的属性进行了调整增强. 1.多个背景图片 在css3里面,你可以再一个标签元素里应用多个背景图片.代码类似与css2.0版本的写法,但引用图片之间需用“,”逗号隔开.第一个图片是定位在元素最上面的背景,后面的背景图片依次在它下面显示,如下: background-image: url(top-image.jpg), url(middle-image.jpg), url(bottom-i…
background-origin 设置元素背景图片的原始起始位置. 语法: background-origin : border-box | padding-box | content-box; 参数分别表示背景图片是从边框,还是内边距(默认值),或者是内容区域开始显示. 效果如下: 需要注意的是,如果背景不是no-repeat,这个属性无效,它会从边框开始显示. background-clip 用来将背景图片做适当的裁剪以适应实际需要. 语法: background-clip : borde…
css3新增属性 边框属性 背景属性 文字属性 颜色属性 背景属性 属性 说明 background-image 添加背景图片 background-size 指定背景图像的大小 background-origin 指定背景图像的位置区域 background-clip 指定位置开始裁剪背景图 1. background-image(背景图片) CSS3中可以通过background-image属性添加背景图片 语法:background-image:url('图片地址') 注意:不同的背景图像…