摘要: 1.如果是两列布局,就使用float :left; float:right; 来使其两列在一行上面 2.三列布局: body{margin:0; padding:0} .left{width:200px; height:500px;float:left; background:#ccc}.middl 阅读全文
posted @ 2016-07-15 21:37 蝴蝶女郎 阅读(135) 评论(0) 推荐(0)
摘要: 一. 清楚默认样式 : body{ margin:0px; padding:0px} 二. 设置宽度使用自适应式,即使用 百分比 来设置宽度 如:width: 20% ; 自适应: 在我们拖动浏览器窗口(调整浏览器窗口大小),浏览器会根据我们设定的宽度自定调整自己的宽度 一、浏览器兼容性问题总结1、 阅读全文
posted @ 2016-07-15 21:17 蝴蝶女郎 阅读(104) 评论(0) 推荐(0)
摘要: body是默认有内边距的,内边距是用padding设置的。为什么给body设置padding:0px不能消除内边距,而设置margin:0px却能够消除内边距? 设置body{margin:0px;padding:0px;} // 清除默认样式 关于这个问题:1. 每种浏览器都有一套默认的样式表,在 阅读全文
posted @ 2016-07-15 18:44 蝴蝶女郎 阅读(4105) 评论(0) 推荐(0)
摘要: 有一个有趣的现象就是当为元素(不论之前是什么类型元素,display:none 除外)设置以下 2 个句之一: 1. position : absolute 2. float : left 或 float:right 简单来说,只要html代码中出现以上两句之一,元素的display显示类型就会自动 阅读全文
posted @ 2016-07-15 17:22 蝴蝶女郎 阅读(488) 评论(0) 推荐(0)
摘要: 有3种方法: 1、后面设置背景,然后内容主要集中在中间的1000像素以内,现在浏览器很少小于1000像素了。就算缩放窗口也不会乱掉。 2、全屏内容的,先想好宽高比,在用js获取浏览器宽度,然后根据宽度计算高度,实现动态大小(宽高比一般是固定),这时候我一般会设置个最小宽度(min-width)限制。 阅读全文
posted @ 2016-07-15 16:33 蝴蝶女郎 阅读(291) 评论(0) 推荐(0)
摘要: HTML:META标记的使用 HTML:META标记的使用(风云突变整理) 大家在编辑网页的时候,并不一定会注意到META这个标签。在使用FrontPage或Dreamweaver这样的可视化编辑软件的时候软件都自动将该标签设置好,毋需我们自己动手设置。所以很多初学者并不了解该标签的格式和作用。其实 阅读全文
posted @ 2016-07-15 16:29 蝴蝶女郎 阅读(158) 评论(0) 推荐(0)
摘要: 元素分类:块元素, 内联元素, 内联块元素 <!-- 块元素 -->设置display:block就是将元素显示为块级元素。 <div>、<p>、<h1>…<h6>、<ol>、<ul>、<li>、<address>、<blockquote>、<form> 1.每一个快属性标签都是从新的一行开始,而且 阅读全文
posted @ 2016-07-15 16:04 蝴蝶女郎 阅读(134) 评论(0) 推荐(0)