阅读 MDN 定位 定位允许您从正常的文档流布局中取出元素,并使它们具有不同的行为 静态定位是默认行为! position: static; position:relative; position: absolute; MDN 定位实战 MDN Flexbox 学习CSS布局 CSS布局(三) 布局 ...
分类:
Web程序 时间:
2018-05-03 15:29:27
阅读次数:
190
1、CSS 最基本的布局单位 Box 是 CSS 布局的对象和基本单位。 元素的类型和display的属性决定了Box的类型。 2、BFC BFC(Box Formatting Context)是一个独立的渲染区域,规定内部的元素如何布局,并且与外部的元素无关。 Formatting context ...
分类:
Web程序 时间:
2018-05-02 11:21:19
阅读次数:
195
这篇笔记的目的是记录分别应用float和flex布局的方法。主要是对遇到的问题进行总结。 1.float布局 总结: 1.1 使用float布局要清除浮动,清除的方法是,在父元素添加如下样式 1.2 布局元素(本文布局元素指的是使用float布局的元素)就单纯的做布局,不要再加任何别的样式,否则会产 ...
分类:
Web程序 时间:
2018-04-30 14:32:13
阅读次数:
214
1.1案例二:使用DIV+CSS布局注册页面:1.1.1需求:使用DIV+CSS的方式完成注册页面的布局:1.1.2分析:1.1.2.1技术分析:【CSS中的盒子模型】?内边距:padding.?边框:border?外边距:margin【CSS中的定位】position属性设置定位:*relative:相对定位*absolute:绝对定位使用另外两个属性:left,top1.1.2.2步骤分析:【
分类:
编程语言 时间:
2018-04-28 14:24:57
阅读次数:
157
DIV+CSS的优势1、符合W3C标准。这保证您的网站不会因为将来网络应用的升级而被淘汰。2、对浏览者和浏览器更具亲和力。由于CSS富含丰富的样式,使页面更加灵活性,它可以根据不同的浏览器,而达到显示效果的统一和不变形。这样就支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是什么,您的网站都 ...
分类:
Web程序 时间:
2018-04-27 15:48:42
阅读次数:
243
觉得有必要总结一下css布局~~~~ 1.左边固定,右边自适应 css :浮动+margin 下面是效果: 2. ...
分类:
Web程序 时间:
2018-04-21 21:20:24
阅读次数:
193
CSS布局应该说是页面开发中最基本的,常见的有两列布局、三列布局等。 如要实现一个两列布局(高度固定),左侧固定宽度(300px),右侧自适应,通常想到的方法是浮动和绝对定位,这也是我想到的第一方案,那还有没有其他方案呢?在此总结5种布局方案。 1.浮动方案 2.绝对定位方案 3.table方式布局 ...
分类:
Web程序 时间:
2018-04-21 12:45:33
阅读次数:
150
CSS布局总结 CSS 自己写的太少,参考了网上很多资料,尝试总结一下CSS的各种布局,让自己写的页面的时候能够快速找到思路。就这样 一·水平居中 1.使用inline-block和text-align:center .parent{text-align: center;} .child{displ ...
分类:
Web程序 时间:
2018-04-06 14:00:59
阅读次数:
193
div与span 大家在初学div+css布局时,有很多困惑,在div与span的使用过程没觉得有一定的”章法”,觉得两个区别不大,在w3c的关于div和span的定义:div作为分割文档结构自然使它最官方的语义,但是这样的官方语义太让人迷惑,大的结构还 好,但是小的地方到底是用div还是用span ...
分类:
Web程序 时间:
2018-04-05 20:57:30
阅读次数:
181
第一阶段: HTML+CSS: HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础: Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。 JS基本特效: 常见特效、例如:tab、导航、整页滚 ...
分类:
其他好文 时间:
2018-04-04 18:16:06
阅读次数:
479