最近帮忙学弟学习前端知识，留了几期作业，暴露出很多问题。把他的总结分享出来，大家一起看下：总结：一：百度首页面的总结：盒子居中用margin：0 auto；选择器的名称要语义清楚，（增强代码可读性）除了制作表格，页面布局尽量要用div关于颜色的定义要用十六进制表示,少用red，black这种输入框的...
分类：
其他好文 时间：
2015-10-26 18:27:01
阅读次数：
203
什么是盒子模型？CSS中， Box Model叫盒子模型（或框模型），Box Model规定了元素框处理元素内容（element content）、内边距（padding）、边框（border） 和 外边距（margin） 的方式。在HTML文档中，每个元素（element）都有盒子模型，所以说在W...
分类：
Web程序 时间：
2015-10-26 00:34:14
阅读次数：
221
【IE双倍距bug】.nav{height:1px;background:#F60;overflow:hidden;}ie6下该1px会显示较多，也称双倍距产生因素同时①快 ②浮动 ③margin左右 会出现ie6双倍距bugie6下不止1px是默认文字大小12px 文字大小和行间距造成的父元素bo...
分类：
其他好文 时间：
2015-10-25 22:32:40
阅读次数：
270
以下代码功能是：不论你输入一句多长的句子，都能建造相应大小盒子并且语句在盒子居中。。。#!/usr/bin/envpython
#定义
sentence=raw_input("Sentence:")
screen_with=80
text_width=len(sentence)
box_width=text_width+6
left_margin=(screen_with-text_width)//2
#画盒子..
分类：
编程语言 时间：
2015-10-25 19:31:39
阅读次数：
147
深入理解BFC和Margin CollapseBFC的理解与应用首先我们来看看w3c规范对BFC的解释，其实对于这种概念的学习上，我们总是建议首先寻找官方的定义，因为原则上来说官方的才是最权威和正确的，而且还比较详细，千万不要因为看到英文就畏惧不前。什么是BFC（Block formatting c...
分类：
其他好文 时间：
2015-10-24 20:07:21
阅读次数：
215
CSS：/* Make it a marquee */.marquee { width: 450px;margin: 0 auto;overflow: hidden;white-space: nowrap;box-sizing: border-box;animation: marquee 50s ....
分类：
Web程序 时间：
2015-10-24 15:50:06
阅读次数：
273
首先写一个项目的时候需要有一个重置全局的样式，为了弥补各种浏览器的展现不同(1) 首先使用元素标签将每个元素的margin和padding的值改为0，让页面不会因浏览器默认设置不同而改变页边距和字边距；(2) 设置元素的字体颜色，字号大小等，可以规范整个项目网站的样式风格；(3) 设置其他元素的特定...
分类：
其他好文 时间：
2015-10-24 11:32:18
阅读次数：
244
html css*{ margin: 0; padding: 0;}.mod { position: absolute; left: 30%; top: 30%; width: 400px; height: 400px;...
分类：
Web程序 时间：
2015-10-23 21:35:01
阅读次数：
300
不想说今天心情有多差!9点多開始发现一个"bug",需求是依据屏幕高度动态调整某个div的位置。代码大概是这种。 演示：然后就发现。“当窗体宽度变化的时候，margin-top变了，变了！了。！！” ,调了一个晚上，问了好多前端群，贴上代码。居然没有人知道为什么！！！最后找到一句话：'...
分类：
其他好文 时间：
2015-10-23 18:35:38
阅读次数：
154
序上次的提到了H5移动前端完美布局之－margin百分比的使用margin-top（left,right,bottom）的百分比在移动页面布局中对上下左右距离的处理，攻下城外再攘城内今天看看padding在页面布局中所发挥的的作用。背景在平时的开发中我们可能会遇到说一个150*150正方形的块，或者...
分类：
移动开发 时间：
2015-10-23 13:33:51
阅读次数：
288
