1、先进行全局
定义。比如*{margin:0padding:0}body,div,input{margin:0padding:0}（还可以加别的
元素进去），各浏览器的不同大部分也就是对于边距的解释不同。2、实现效果的方法有很多，尽量用科学合理的方法。比如你的这个input，你是用input去贴合一整张大背景图片。但其实可以把你的这个图片中输入框的部分单独做成图片，然后在input的样式表里定义背景。这样就算input跑偏了，也不会出现你图中这样与背景图分离的情况。这种方法虽然繁琐一点，但在方法上却是科学合理的。图片体积也小了，浏览器解释起来也快一些。3、代码科学规范。不同的写法可能会有不同的效果，也会造成元素移位。比如明明设置了margin-top:10px却不起作用，这就跟上下文的写法相关。这个具体要看情况，不好作出说明。自己摸索吧。定位属性控制网页所显示的整个元素的
位置，它可设置元素是放置在页面的绝对位置，也可设置为相对于其他元素的位置。在本例中：position:absolute就表示采用绝对定位的方式。采用绝对定位方式就需要同时采用left,right,top,bottom等属性来进行绝对定位，而这些属性也称为元素位置属性，分别表示对象与其最近一个定位的父对像的左侧，右侧，顶部和底部的相对位置，它的值可以为auto百分数；数值+单位。在本例中left:396pxtop:66px采用的为：数值+单位，分别为与父对象的左侧相对位置396像素，顶部的相对位置为66像素。因为在采用absolute定位时，该元素就被当作一个矩形覆盖物来格式化，格式化后的矩形区域就变成了一个可以放置其他html元素的容器，这个容器也就是层元素，它可以凌驾于html 文档的布局之上，区域下面的文字图形无法环绕和透过该容器显示出来。所以z-index:1中是利用层叠顺序属性设定层的先后顺序和覆盖关系，z-index值高的层覆盖z-index值低的层，一般情况下为1，表示该层位于最下层。width和height是分别设定层的宽度和高度，在本例width:12pxheight:103px表示宽度为12像素，高度为103像素<!DOCTYPE html>声明为html5文档，有助于浏览器正确显示网页 <html>元素是html页面的根元素 <head>元素包含了文档的元数据，如定义网页编码格式 <title>元素描述了文档的标题 <body>元素包含了可见的页面内容 <h1>元素定义一个大标题 <p>元素定义一个段落 注：在浏览器的页面上使用键盘的F12按键开启调试模式，就可以看到组成标签 “HTML 标签”和“HTML 元素”通常是描述同样的意思，但是严格来说，一个HTML元素包含了开始标签和结束标签。只有body区域才会在浏览器中显示。 标题是通过<h1>-<h6>标签来定义的，字号逐渐减小。 HTML链接是通过标签<a>来定义的，在href中指定链接的地址。 图像是通过<img>来定义的，图像的名称和尺寸是以属性的形式来提供的。 HTML文档由HTML元素定义。
微信扫一扫
支付宝扫一扫
评论列表（0条）