怎么让两个div之间没有间距?

html-css017

怎么让两个div之间没有间距?,第1张

给你个建议,如果写出来效果和自己想象的不一样,现在浏览器看效果图,f12调出代码,能帮你很快遭到问题点。

你这个问题,很大情况出现在div05中的这个p元素上,因为p元素有着默认的margin,你css将默认值写成0,或者在css样式中先去掉所有元素的margin,和pidding值,会省去很多麻烦

手机和PC端用同一个模板吗?自定义CSS这样好些,不要直接用DW设。DW设计出来的代码是非常不专业的。首先页头CSS链接:你不要用中文名文件夹,“微软雅_”改成英文文件夹。stylesheet.css就是你的CSS文件。页头部分的<style stype="text/css">……</script>这段属于CSS样式代码,你可以把这部分放进CSS文件里。记得去掉<style stype="text/css">和</script>,这是在WEB页才要的标示,在CSS文件里是不需要的。你说的正文样式设置,你现在的代码只标示了<p>的样式。你可以在正文前面的DIV里面加样式:页面代码这样改:<div class="suojin"><p>什么是传承……</p></div>一般网页输入的编辑器会自动产生<p>作为换行。看你的情况似乎只是在DW里加入文字,没使用编辑器。你看着来吧!然后在CSS文件中加入CSS样式:.suojin {样式内容}.suojin p {样式内容}CSS其实很简单,你想要什么样式,不懂的话直接百度css行高样式什么的很容易找。比如宽度width:200px高度height:32pxmaring和pidding距离等等。你代码中的行距line-height:200%这样不好,直接用px固定行距。比如,你在CSS文件中这样写:.shuojin {}.shuojin p {line-height:32pxfont-size:26pxmargin-top:10px}这样应该能得到你想要的效果了。maring-top,就是<p>和上面的距离,在这里可以当做段距使用,在这里用padding-top效果一样,你试试就知道了。其实CSS不难学,困难的是一般复杂的效果和浏览器兼容方面的问题,如果你学会基础也会百度自学了。诚意满满,记得选我哈!

浏览器的默认值.

其实很多元素浏览器都设有相应的默认值的,就如

ul有40px 的margin

body有10px 的margin

a标签有下划线

p标签字体默认是黑色

等……

(当然,各不同的浏览器,其默认值设置也有所不同)

大多数人在写CSS前,一般都会加上一条通配符设置取消浏览默认值的:

*{margin:0padding:0}

其实浏览器的一些默认值,自己实践多了,自然就会知道的了。