怎么制作一个固定大小的html页面

怎么制作一个固定大小的html页面,第1张

1、如图,我们对div设置固定宽度高度

2、图像预览效果如下所示。

3、然后在div里面插入一张图片,如图。

4、插入图片后,在预览中看到的效果,明显图片已经将父级的背景尺寸给盖住了,图片偏大了。

5、然后这个时候,将图片的宽度设置为何父级一样的宽度,代码就是width:100%这里的100%会自动跟随父级的宽度选择。

6、这时候回到浏览器中,可以看到图片的宽度和父级div的宽度一致了,然后修改的就是高度的范围了。

7、如果也将图片的高度设置为父级的100%,那么图形就会发生形变,所以在这里需要将父级的高度去掉,这样子集的高度就自动化了。

8、很多时候,将图片在框中显示的时候,在底部会出现一个小边框,这时候将图片设置为display:block转为块状就可以了。

学得差不多了是什么程度? 我给你举一个实例吧

首先 这个网站 布局 就是分块 你能分出来不 如果能 你的 div+css 关于布局这块没问题

然后 每一个模块中的css 能够模仿出来不 如果能 那么 css没问题

然后 就是特效了 特效有点难度 要从简单上手

因为 js 是紧紧关联着 div+css的 但又要求一定的逻辑能力

所以 如果你学过别的 编程语言稍微好点

建议你 这样学 单纯的做效果 就是先不要综合使用 就单js特效 比如定时切换 比如 悬浮切换选项卡 之类的

都熟练以后 就好了

关于 jq jquery的最大特点在于定位方便 想知道入门了没有 很简单 任意结构

能够用 $("xxx").mouseove(function(){alert("1")}) 定位 并测试成功

以上的这些 步骤 也是实际开发一个 前台页面的步骤

这个网页制作步骤如下:

1、在电脑桌面右击,新建“文本文档”。

2、打开新建好的文本文档,输入的内容会在网页的内容显示出来,若什么都不输入,到时网页也就是空白的。

3、写好内容后,一定要保存。不然都到时网页也会没有内容。

4、保存后,重命名,输入网址,记住要选择全部名称修改。也就是原本的.txt改成.html

5、修改后点击确认,就可以打开网页了。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7680088.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-08
下一篇 2023-04-08

发表评论

登录后才能评论

评论列表(0条)

保存