首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图： 可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div元素是独占一行的。注意，以上这些理论，是指标准流中的div。无论多么复杂的布局，其基本出发点均是 ...
分类：
Web程序 时间：
2018-02-09 22:28:53
阅读次数：
181
一、HTML5新增标签和重新定义的标签1、结构标签块级元素，有意义的div<article>定义一篇文章，强调独立性<header>定义一个页面或一个区域的头部<nav>定义导航链接<section>定义一个区域，例如将一块内容分成几段<aside>定义页面内容部分的侧边栏<hgroup>定义文件中一个区块的相关信息，里面放h
分类：
Web程序 时间：
2018-02-08 14:16:52
阅读次数：
238
位置特性分类元素分为三类：块级元素，行内元素，行级块元素 1.块级元素（block） 特点： （1）可以设置宽高、内、外边距； （2）独占一行（即前后均有换行）； （3）块级元素如果不设置宽度和高度，则宽度默认为父级元素的宽度。高度则根据内容大小自动填充。 常见的块级元素： div、p、h1、h2. ...
分类：
Web程序 时间：
2018-02-06 12:57:17
阅读次数：
193
最近正在复习，紧张地准备几天后的笔试，然后刚好看到这个地方。 block：块级元素，会换行，如div,p,h1~h6,table这些，可以设置宽高； inline:行内元素，不换行，挤在一行显示，如span,a,i,em,strong,mark,input,button之类,不能设置宽高。 inli ...
分类：
其他好文 时间：
2018-02-02 20:04:57
阅读次数：
140
从大的分类来讲，display的32种写法可以分为6个大类，再加上1个全局类，一共是7大类： 外部值 内部值 列表值 属性值 显示值 混合值 全局值 外部值 所谓外部值，就是说这些值只会直接影响一个元素的外部表现，而不影响元素里面的儿子级孙子级元素的表现。 display: block; 这个值大家 ...
分类：
其他好文 时间：
2018-02-02 11:29:30
阅读次数：
247
HTML中的三种布局方式：标准流、浮动、定位 两大元素： 块级元素：div、table、H1~H6、有序无序列表（ol、ul、li）、p段落等 内联元素：a、span、img、input等块级元素单独占一行，内联元素会从左到右依次排列在一行。 常用的定位position可分为以下四种: static ...
分类：
Web程序 时间：
2018-01-26 22:45:13
阅读次数：
157
双飞翼布局 基本的页面布局 首先建立三个块级元素，全部设定高度，中间的块级元素按照显示屏幕的宽度百分百设定，左右两个块级元素设定相同的宽度。 其次将三个块级元素依次设定漂浮效果，通过设置外框边距（margin属性）使三个块级元素在同一行显示。使得网页被分为左中右三部分。 网页表单制作 常用到的标签（ ...
分类：
Web程序 时间：
2018-01-23 23:17:04
阅读次数：
197
浮动可以将两个块级元素浮动在同一水平上。但float的缺点也有很多，还需要其他样式弥补。 早年我使用过 display: inline-block; 但苦于兼容性问题一直没敢全面使用。 近几年主要玩移动端、何况IE已经淘汰的差不多了。应该可以放心使用了。大部分框架也能看到一些影子。 使用displa ...
分类：
Web程序 时间：
2018-01-23 16:41:20
阅读次数：
184
先说基础，HTML标签有两类： 1、块级元素 div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul…… 特点：总是在新行上开 ...
分类：
Web程序 时间：
2018-01-23 01:02:51
阅读次数：
261
首先让我复习一下块级元素（block）和内联元素（inline） 块元素(block)的特点： 内联元素(inline)的特点： BFC是什么？ 那么什么是bfc呢，翻译一下叫Block Formatting Context，Block就是块级元素，Formatting Context是一个抽象的概 ...
分类：
其他好文 时间：
2018-01-20 22:42:37
阅读次数：
236
