使用css时,很多的问题都出现在盒子模型,所以要深刻理解盒子模型,才能够做好css。 盒子模型: margin:外边距 与父亲标签的content边界之间的距离(可以认为content边界位置存在,但不占任何像素) border...
分类:
Web程序 时间:
2015-05-21 00:02:23
阅读次数:
158
盒子模型是css中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同,先来看看我们熟知的标准盒子模型: 从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、conte....
分类:
Web程序 时间:
2015-05-19 22:18:11
阅读次数:
177
索引:HTML & CSS对web标准的理解 浏览器内核差异 兼容性 hack css基本布局 盒子模型 选择器优先级使用 HTML5 CSS3 移动端适配Javascript数据类型 面向对象(继封多) 继承 闭包 插件 作用域 跨域 原型链 模块化 自定义事件 内存泄露 事件机制 异步装载回调 ...
分类:
其他好文 时间:
2015-05-19 16:24:35
阅读次数:
146
display:box;box-flex是css3新添加的盒子模型属性,它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持,但可以使用它们的私有...
分类:
Web程序 时间:
2015-05-17 23:05:05
阅读次数:
134
网页设计中最核心的技术:html,css,javascript1.html详解2.Css(块级元素、行内元素、标准流盒子模型、浮动定位)3.Div+css网页布局(盒子模型经典案例、仿搜狐首页面布局)4.Javascript深入讲解(js基本语法、数组、js面向对象编程、js系统函数、事件、jsdo...
分类:
编程语言 时间:
2015-05-13 16:30:12
阅读次数:
171
当position设置了absolute和fixed之后,盒子模型已经脱离了标准流,这个时候,就算float设置任何值,都不再起作用。用浏览器查看盒子模型的“计算后的属性”可以看到,float:none
分类:
其他好文 时间:
2015-05-13 16:28:37
阅读次数:
126
没想到这样就过了5个月了,5个月里我学习了很多东西,而且都是我们移动端webapp的同学值得去学习的。我先告诉大家我这次写的总结,有以下内容:1.body的背景图,img图片自适应,切图小技巧.2.字体rem自适应问题.3.@media的断点分析.4.页面布局:盒子模型.5.CSS3选择器和H5新标...
分类:
移动开发 时间:
2015-05-13 06:10:35
阅读次数:
384
CSS 文件/* *通配符 对所有的标签进行设置*/*{ margin: 0px; padding: 0px;}.top{ width: 100%; height: 50px; background-color: black;}.top_content{ widt...
分类:
Web程序 时间:
2015-05-12 15:20:36
阅读次数:
127
display:box;box-flex是css3新添加的盒子模型属性,它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持,但可以使用它们的私有...
分类:
Web程序 时间:
2015-05-10 23:42:35
阅读次数:
187