一、效果图。二、HTML+CSS代码。<style>.box{width:800px;margin:90pxauto;}.btn{padding:5px10px;color:#fff;background:#ff6600;cursor:pointer;font-size:16px;border-radius:5px;}.list{position:relative;margin-top:20px;}.listli{width:50px;height:50px;position..
分类：
其他好文 时间：
2014-10-21 19:58:22
阅读次数：
258
*****************分享到1**************************
body{margin:0;padding:0;}
div{width:100px;height:400px;background:#404144;position: absolute;left:-100...
分类：
其他好文 时间：
2014-10-21 19:46:16
阅读次数：
180
***************************匀速运动 1****************************************
body{margin:0;padding:0;}
div{width:100px;height:100px;background:red;position: abso...
分类：
其他好文 时间：
2014-10-21 19:46:05
阅读次数：
249
body{margin:0;padding:0;}
div{width:100px;height:100px;background:red;position: absolute;left:0;}
span{width:0;height:600px;position:fixed;left:600px;top:0;border-left:1px solid red;...
分类：
Web程序 时间：
2014-10-21 17:45:09
阅读次数：
150
文档流
先说说什么是文档流 流是什么 就是一串连续的东西
第一个框
第二个框
第三个框
我换行
我不换行
我们写在html里面的元素 系统会放在数据流里依次读取 按照从左到右从上到下的顺序 放置在页面上
当然在放置的过程中 牵扯到行内元素与块级元素的概念
简单说明一下
块级元素: 如div 每一个div元素占据一行 如果没有...
分类：
Web程序 时间：
2014-10-21 12:15:43
阅读次数：
265
1 @media (max-width: 767px) 2 3 { 4 body{ 5 margin: 0; 6 padding: 0; 7 } 8 } 9 @media (max-width: 970px)10 {11 body{12 margin: 0;1...
分类：
移动开发 时间：
2014-10-21 12:13:22
阅读次数：
237
1.input placeholder 文字居中 字体大小+上下padding值等于设计稿宽度 设计稿中总高度为86pxpadding:27px 0;font-size:30px;2.英文 文本换行word-break:break-all;
word-wrap:break-word;
分类：
Web程序 时间：
2014-10-21 12:09:49
阅读次数：
169
JQuery有很多的height，不总结一下你就要被他搞晕，所以为了保持清醒，汇总在下面height：heightinnerHeight：height+paddingouterHeight(false)（默认）：height+padding+borderouterHeight(true)：heigh...
分类：
Web程序 时间：
2014-10-21 11:59:39
阅读次数：
174
平时制作页面的时候经常会用到inline-block属性的元素，而他们是有默认间距的。今天制作移动端的时候又遇到这个问题，所以仅此记录一下解决方法有：第一种方法：加上font-size:0; 和 font-size:12px; 不兼容safari浏览器，用行内元素李欢li，ie6下面中间有右间距1像...
分类：
其他好文 时间：
2014-10-21 11:44:12
阅读次数：
162
现在让我们开始制作箭头吧！在开始前，你要知道如何用CSS去画一个三角形，如果还不清楚可以看看这里纯CSS画各种图形我们用到两个CSS伪元素，before和after，它们属于行内元素，但可以用display来改变，before和after是在CSS2的新特性（现在已经老了），浏览器对其兼容性还未了解...
分类：
Web程序 时间：
2014-10-21 00:41:04
阅读次数：
557
