网页中常见的问题总结
一、定位问题
相信很多人在网站制作中会用到定位 绝对定位 与相对定位。
定位虽然可以固定一个元素的位置, 但是相应会脱离文档流 使父元素塌陷。
很多情况绝对定位和相对定位都是成对出现的 , 相对定位作用于其父盒子
绝对定位在所需要固定位置的子盒子中开启。
对于不太理解定位内涵的萌新来说尽量少使用定位 来选择位置。
二、浮动问题
1.float:left;
2.float:right;
(一)、浮动原理
浮动的原理是使原来的元素脱离原文档流 到左边或者右边。
浮动后元素只占内容的大小,所以可以使两个盒子一个浮动到左边一个到右边(在同一行显示)
(二)、浮动失败
1.如果只对盒子2使用右浮动则会被盒子一挤到下一行(并不会在一行显示)
如果想要在一行显示则必须使盒子1必能占一行 可以对其使用左浮动还可以使用display:inline-block;使其转化为行内块元素下面详细讲。
2.当父盒子的宽度不够时也会导致浮动失败,这个知识点在写轮播图会用到 对li使用左浮动ul的宽度如果不够所有图片的宽度会导致图片浮动不上去。
(三)、一定要及时清除掉浮动 浮动会导致父元素塌陷,影响后面的盒子
三、盒子问题
1.盒子之间会出现有间隙的问题
(1).可能是没有清除掉内外边距margin:0;padding:0;即可。
(2).但是还有一种不管你怎么清除边距有还有缝隙这个就不是内外边距的问题了
这个缝隙可能是因为使用了display:inline-block;或则使用了浮动
这是因为使用上诉方法后会产生空白字符,产生缝隙。这个对其父盒子使用font-size:0;就可以了,清除掉空白字符。
四。整体板块问题
1.动手做前要想好网站的分块
2.还需要有一个大体的盒子的其嵌套问题
3.结构问题这个很有可能会影响后面的呈现效果
五、缩放问题
1.居中
想要保证盒子在缩小或放大后还能保证居中可以使用margin:0 auto;但是前提是该盒子一定要有宽度;
2.如果缩放还会出现的问题的话很有肯能因为使用了绝对定位导致该板块固定在网页中的某个位置,也有可能是因为缩小后浮动的元素被挤下来了,这可能是父盒子的宽度的问题
网页中常见的问题总结相关推荐
- 利用pandas库中的read_html方法快速抓取网页中常见的表格型数据
利用pandas库中的read_html方法快速抓取网页中常见的表格型数据 本文转载自:https://www.makcyun.top/web_scraping_withpython2.html 需要 ...
- 网页中常见的元素有哪些
下面这些是常见的网页元素: 1.文本:文字能准确地表达信息的内容和含义,且同样信息量的文本字节往往比图象小,比较适合大信息量的网站. 2.图像:在网页中使用GIF, JPEG(JPG), PNG三种图 ...
- HTML+CSS网页设计与布局学习-------网页中常见的图像格式
在HTML学习中,图像的插入可以让网页看起来更丰富,当前万维网上流行的图像格式通常以GIF和JPEG为主,还有就是叫PNG的文件格式. GIF格式 GIF是英文单词Graphic Interchang ...
- 网页中常见的移动悬浮框的制作
这几天要做一个很常见的移动悬浮框,网上找了下,代码比较长,也没什么耐心看,于是就自己用jquery写了一下,本人也只是一个初学者,水平有限,文章有什么不足之处欢迎指正! <!doctype ht ...
- 前端开发中常见的图片格式
JPEG,GIF,PNG,最流行的是 jpeg 格式,可以把文件压缩到最小在 ps 以 jpeg 格式存储时,提供 11 级压缩级别. 网页中常见的图片格式有: 1.GIF图片格式,GIF是一种调色板 ...
- php抓取标签内的内容,php抓取网页中的内容
以下就是几种常用的用php抓取网页中的内容的方法. 1.file_get_contents PHP代码 代码如下:>>>>>>>>>>> ...
- 【前端实例代码】使用 HTML CSS实现指纹扫描仪特效动画效果 |前端开发 网页制作 基础入门教程 网页开发中常见的样式与特效,收藏起来肯定用的上~
b站视频演示效果: [web前端特效源码]使用 HTML CSS 和 JavaScript 实现指纹扫描仪特效动画效果 |前端开发 网页制作 基础入门教程 效果图: 完整代码: <!DOCTYP ...
- woff, 在网页中嵌入任意字体的解决方案
woff, 在网页中嵌入任意字体的解决方案 http://topic.csdn.net/u/20110705/10/98e79aba-1ddf-42fa-84a9-b79ec494cb69.html ...
- 如何在网页中嵌入自己想要的字体(实例下载)
记得以前在国外那些人的网站看到那些字体怎么那么漂亮.而且不像电脑里面自带的字体.原来是通过这个方法来实现的.厉害,我觉得中文那些比较好看的字体,如果能都看到那该多好,不过看中文的TTF字体10M左右. ...
最新文章
- appium===元素定位
- qt5 + vs2015自定义控件错误:undefend interface
- java学习(146):file常用方法3
- 跳一跳python开挂_微信跳一跳物理外挂—教​你用 Python 来玩微信跳一跳
- UI实用素材|下拉菜单细节设计,分层呈现
- C语言预定义宏的使用
- swagger访问开关配置
- mysql merg引擎学习
- adb查看android手机设备型号、品牌、机型等信息
- 凡客的面试:Web前端开发
- r7525服务器电源管理系统,戴尔 R7525评估:EPYC内核密度让英特尔心碎
- 使用Xmanger/Xbrowser 远程桌面Ubuntu 12.04 LTS
- Perl Learning 3 Subroutine
- Java-好玩的猜数小游戏
- (翻译自用)TG^2———IJDAR杂志论文
- 《游戏学习》街头霸王HTML游戏源码
- HECTF2021 Reverse wp
- 【sprintf】sprintf功能介绍
- eos采用的共识机制是_EOS共识机制
- PC电脑端常见蓝屏代码自检测与解决方案