1 CSS盒模型 在以前，程序员们是通过表格来对一个网页进行排版，也就是通过大小不一的表格和表格嵌套来定位排版网页的内容。后来，CSS出现之后，在网页布局中，为了能够使页面中的各个部分合理的进行组织，开发人员们总结出了一套完整的、行之有效的原则和规范，也就是“盒模型”。它是通过使用CSS来定义大小不 ...
分类：
Web程序 时间：
2017-04-16 14:57:45
阅读次数：
195
网页布局通过“块”级元素与CSS共同完成 “块”级元素的前后会自动折行，其本身起到容器的作用，在不定义其属性和内容时并不显示。 网页布局中的“块”级元素主要使用<div> CSS的定位： 1、position:fixed 锁定位置 提取块本身，相对于浏览器位置的定位。其位置不会受到页面滚动影响。 一 ...
分类：
其他好文 时间：
2017-04-15 09:26:39
阅读次数：
108
网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、响应式地实现各种 ...
分类：
其他好文 时间：
2017-04-12 12:27:54
阅读次数：
175
下图是根据效果图，画的盒子模型。 每一个矩形都是一个div，先把边框显示出来，再往div里面塞内容，再灵活使用html+css，就可以完成下面的效果图的网页布局。 （1）盒子模型图。 （2）效果图 ...
分类：
Web程序 时间：
2017-04-09 09:45:03
阅读次数：
180
弹性布局是由w3c在2009年提出的一种布局方法，目前浏览器都已经支持弹性布局（忽略IE6吧）。本文主要讲解弹性布局的基本语法并将其应用到实际网页布局中。 怎样应用弹性布局？ 改变盒子display的属性为flex即可将盒子变为flex容器（flex container），其所有子元素自动变为容器成 ...
分类：
其他好文 时间：
2017-04-08 19:31:17
阅读次数：
315
都说用DIV+CSS布局来设计网站便于优化，容易被收录，那么你对DIV+CSS布局的用法是否了解？CSS布局是网页html通过DIV标签+CSS样式表代码开发制作的（html）网页的统称。DIV+CSS布局是现在非常流行的布局方法，替代了原来的表格布局。下面我们先来看下学习DIV+CSS布局的基本步 ...
分类：
Web程序 时间：
2017-04-07 12:47:59
阅读次数：
312
网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、响应式地实现各种 ...
分类：
其他好文 时间：
2017-04-03 16:20:19
阅读次数：
242
一、基本阐述 div+css是一种目前比较流行的网页布局技术 div来存放需要显示的数据（文字，图标。。。。）css就是用来指定怎样显示，从而做到数据和显示相互分离的效果 table布局的分析 div+css布局 二、 ...
分类：
Web程序 时间：
2017-04-02 21:59:02
阅读次数：
211
今天主要对以前所学知识的运用。 通过对简单网页的制作，在摸索中前进，不断寻找适合这个网页制作的方法，在个化的代码中找到其相关性，然后得出自己对网页制作的一点理解：首先是网页布局，主要是通过<div></div>的运用来进行；其次是在布局之后通过表单、列表、表格的运用及分析各标签之间的位置关系来得到一 ...
分类：
其他好文 时间：
2017-04-01 00:46:11
阅读次数：
138
今天是2017年3月23日 1 复习昨天知识 1.1浮动 Float:left | right 特点: ->浮动的元素不占位置(脱标) ->可以将行内元素转化为行内块元素 ->块级元素在一行上显示 ->设置了浮动的元素,影响其后面的元素 作用: 解决了文字图片环绕问题 制作网页导航栏 网页布局 清除 ...
分类：
Web程序 时间：
2017-03-23 13:42:12
阅读次数：
195
