所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 在学习浏览器兼容性之前 ...
分类:
其他好文 时间:
2017-06-07 15:45:38
阅读次数:
179
1.弹性盒子 从最初的使用table布局,当然了,现在某些表格展示的数据最好还是利用table布局, 到使用div+css布局,嗯,很大的一次进步,对于比较复杂的,div就显得力不从心了, 因此现在又有了flex布局! 今年挺火的的grid布局也接踵而至,不过呢貌似除了谷歌,大多数浏览器还没支持 。 ...
分类:
Web程序 时间:
2017-06-04 14:41:07
阅读次数:
159
1: <body> 2: <div> 3: <p>This is a pargraph.</p> 4: </div> 5: </body> p 元素的包含块是 div 元素,因为作为块级元素,表单元格或行内元素,这是最近的祖先元素,类似的,div的包含块是 body. 因此,p的布局依赖于 div的 ...
分类:
Web程序 时间:
2017-06-04 13:46:26
阅读次数:
203
一、页面布局:div+css布局 1.<style > *{ margin:0px; padding:0px; } #ad{ width:100px; height:100px; background-color:red; position:fixed; 定位:固定定位,需要设置距离边框的距离;相对 ...
分类:
Web程序 时间:
2017-05-31 22:19:50
阅读次数:
329
左侧宽固定200,高度自适应,右侧的框宽度都自适应<style> * { margin: 0; padding: 0; } html { height: auto; } body { margin: 0; padding: 0; } #container { background: #ffe3a6; ...
分类:
Web程序 时间:
2017-05-30 22:04:29
阅读次数:
227
在设计网页时,能够控制好各个模块在页面中的位置是非常关键的。本章将讲解利用Div+CSS对页面元素进行定位的方法。 Div是HTML中指定的专门用于布局设计的容器对象 Div是CSS布局的核心对象。 Div本身与样式没有任何关系,样式需要编写CSS来实现,因此Div对象应该说从本质上实现了与样式的分 ...
分类:
Web程序 时间:
2017-05-30 19:36:51
阅读次数:
195
CSS布局创建网站,浮动绝对占据了很大的比例.大块区域如主内容及侧边栏,以及在其中的小块区域,都可以看到浮动的影子.这里浮动是唯一的解决方案吗? 浮动通常表现正常,但有时候搞起来会很纠结。特别是处理内部容器中的浮动,比如对一排图片使用浮动后对齐出现问题。Inline-block是我们的另一种选择。使 ...
分类:
Web程序 时间:
2017-05-30 16:16:17
阅读次数:
237
我们知道,在网页的DIV+CSS布局中,很多时候要用到浮动。 既然有浮动,那就有清除浮动。 清除浮动有很多种方式,而在实际项目中,比较常用的是这一种。 我们可以把这部分代码复制到项目中的CSS文件中,也可以保存为一个CSS文件,然后引入。 那么怎么引入呢?这时,我们就需要用到 @import。 把引 ...
分类:
其他好文 时间:
2017-05-28 23:17:55
阅读次数:
175
做为css布局的又一种新方式,Flex拥有极强的使用效果,相比原来的float,position对元素样式的操作更加简洁,本文是我的一点学习经验和心得吧,如有错误以及不足之处,请多多指点。 好进入正题吧,首先借用阮一峰大神的一副图片: 再来说说flex的几个属性吧: 一、容器属性 1.flex-di ...
分类:
其他好文 时间:
2017-05-26 21:57:55
阅读次数:
314
前言 接触html、和css时间也不短了,但每次用div+css布局的时候心里还是有点儿虚,有时候干脆就直接用table算了,很多时候用div会出现些不可预料的问题,虽然花费一定时间能够解决,但总不是个事,所以今天特地探索了下css+div的绝对定位和相对定位和文档流的关系。 文档流的概念 确切的说 ...
分类:
Web程序 时间:
2017-05-26 10:56:09
阅读次数:
244