浮动(float) 普通流(normal flow) 前面我们说过，网页布局的核心，及是用css 来摆放盒子位置。如何把盒子摆放到合适的位置？ CSS 的定位机制有3种：普通流(标准文档流)、浮动和定位 html语言当中另外一个相当重要的概念--标准文档流&…

1. 浮动 网页布局的核心，就是用CSS来摆放盒子位置。如何把盒子摆放到合适的位置？ 这就需要css的定位机制。 CSS的定位机制有3种：普通流（标准流）、浮动和定位。 1.1 普通流 普通流实际上就是一个网页内标签元素正常从上到下，从左到右排列顺序的意思，比如块级元素会独…

网页基本布局 网页的组成部分 网站导航:一般包括品牌 1ogo、导航菜单及一些其他信息等.网页主体:一般包括网页呈现给浏览者的内容。。网页底部:一般包括网站声明、版权信息和相关链接等，。侧边栏:一般包括分类菜单及一些次要信息等。每一个网页的组成部分都有着重…

最近在弄一个网站页面和后台页面，有好多知识点都生疏了，现在来复习一下吧。 一、浮动 浮动其实也没啥好讲的，就是左右浮动。但是在开发中老是忘记清除浮动导致元素失去对父元素的支撑，兄弟元素会顶上来。讲讲解决办法。 Clear:…

一 网页布局方式 #1、什么是网页布局方式 布局可以理解为排版，我们所熟知的文本编辑类工具都有自己的排版方式，比如word，nodpad 等等 而网页的布局方式指的就是浏览器这款工具是如何对网页中的元素进行排版的 #2、网页布局/排版的三种方式 2.…

【一】盒子模型 【1】什么是盒子模型 盒子模型（Box Model ）是指在网页设计中，用于描述和布局元素的一直模型 它将每个元素看作是一个具有四个边界的矩形盒子，包括内容区域（content）、内边距（p…

本文最初发表于博客园，并在GitHub上持续更新。以下是正文。 文本主要内容 标准文档流 标准文档流的特性行内元素和块级元素行内元素和块级元素的相互转换 浮动的性质浮动的清除浏览器的兼容性问题浮动中margin相关关于margin的IE6兼容问题 标准文档流 宏观地讲&…

框架概念 框架页面可将 Web 浏览器窗口分为不同的可滚动的区域，这些区域可独立显示几个 Web 页。一个窗口可保持不变，而其他窗口根据用户选择的超链接变化。 框架标记 1、设计框架页面时，标记和标记用于定义框架网页的结构 2、由于框架网页的…