JavaScript编程-----页面中的广告图片

最新推荐文章于 2021-06-04 03:16:39 发布

鸭梨姑娘

最新推荐文章于 2021-06-04 03:16:39 发布

阅读量239

点赞数

文章标签： javascript css html

本文链接：https://blog.csdn.net/qq_45237962/article/details/117517725

版权

JavaScript 是 web 开发人员必须学习的 3 门语言中的一门：
1、HTML 定义了网页的内容
2、CSS 描述了网页的布局
3、JavaScript 控制了网页的行为
下面就让我们通过示例来了解JavaScript 编程吧！

一、⾸先，能够⽤HTML + CSS + JavaScript在⻚⾯正中⽣成⼀幅⼴告图⽚

效果图如下：
在这里插入图片描述
学过一些网页编程的朋友们应该都会用Python语言在网页中显示图片，那么怎么让这个图片在页面中间显示呢？
让我们来揭晓答案吧！

//在head标签内插入style标签
<style>
	//设置整个html界面的高度和宽度
	html{
     
		height:100%; 
		width:100%
	}
	//设置整个body的高度和宽度，这里用的是标签选择器
	body{
   
		height:100%;
		 width:100%
		}
		//这里是类选择器，它是可以重复多次使用，类似人名
	.d1{
   
		width:300px;
		height:200px;
		position:fixed;
		top:50%;
		margin-top:-100px;
		left:50%;
		margin-left:-150px;
	}
	// 这里是后代选择器，是指d1下的img标签
	.d1 img{
   
		width:100%;
		height:100%
	}
	<