html页面出现空白的原因很多。下面举一个空白的例子：
例子：
图一：现在所示的是有边距的情况。
图二：在head标签中加入“<style> body,p{margin: 0} </style>”后的情况
总结：html标签很多都有默认元素，需要一开始就重写这些元素的外边距或者内边距；例如：*{margin：0；padding：0}
你这是样式css跟div标签的问题；解决方案：（1）用火狐或谷歌浏览器打开dw页面编辑的页面，需要前端页面查看bug（页面有10个像素左右的多余白边）单机右键查看元素(2)这是可以看到左边是div标签嵌套的样式，右边是对应div标签规范的css样式（简称页面空间框架）（3）这个需要前台页面调试好，再去css样式表里改写。参考样式代码：html是一种标记语言不是编程语言（.html .htm)<html></html>：网页标记<head></head>:网页头部标记<title></title>:网站的标题<body></body>:网站内容区域<br/>:换行符<p></P>:分段符<hr/>:水平直线<center></center>:居中<meta name="keywords" content="这是网站搜索关键字"/><meta name="description" content ="网站的描述信息"/>meta:元标签keywords：关键字description：描述content：内容 空格符号background:#000背景(图片或颜色)width:100px宽度height:200px高度color:#ff3300文字颜色font-family:"微软雅黑"字体font-size:24px文字大小font-weight:bold文字加粗border:1px solid #ff3300边框border-radius:25px圆角边框line-height:30px行高text-align:center文字对齐(center居中、left居左、right居右)float:left浮动（横排/left/right）margin:10px外边距(top上、右right、下bottom、左left)padding:20px内边距(top上、右right、下bottom、左left)text-decoration:none连接文字的下滑线display:block显示,陈列list-style-type:none列表样式list-style:none列表样式text-indent:30px文字缩近display 属性规定元素应该生成的框的类型。display:none此元素不会被显示。（隐藏元素内容）display:block此元素将显示为块级元素，此元素前后会带有换行符。（使元素换行）display:inline默认。此元素会被显示为内联元素，元素前后没有换行符。（元素内容不换行）display:inline-block行内块元素。（块换行）overflow:hidden 内容会被修剪，并且其余内容是不可见的。（隐藏多出的内容）position 定位:relative 相对absolute 绝对position: relative相对定位.dingwei{ position: relativeleft: -30pxtop: 20px}position: absolute绝对定位.dingwei{ position: absoluteleft: 30pxtop: 20px}top 上right 右bottom 下left 左center 居中solid 实线dashed 虚线bold 加粗auto 自动none 没有样式normal 正常overflow: hidden隐藏溢出clear: both在左右两侧均不允许浮动元素。【标签：】基本结构：例：开头<p>这里是段落内容</p>结尾div 划分（盒子）ul 无序列表ol 有序列表li 列表项目dl 列表dt 定义列表中的项目dd 定义条目…<br/>换行符p 段落a 代表连接hover 选择器用于选择鼠标指针浮动在上面的元素（鼠标放到连接文字上是什么颜色）h1-h6 标题span 范围(特殊提示和注释样式）i 斜体字em 强调的内容<hr/>水平线<table>；代表表格<tr>；代表行<p>；代表段落<td>；代表单元格<th>；代表表头透明：opacity: 0.6透明背景filter:Alpha(opacity=50)/* IE8 以及更早的浏览器 */清除：.clear {clear: both height: 0 line-height: 0 overflow: hidden}欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）