一、基本概念 1、 盒模型 2、 块盒 块级元素是源文档中会被视觉格式化为块状（例：段落）的元素。 匿名块盒：当一个快容器盒内，一个行内盒包含一个文档流内的块盒，块盒将行内盒打断，块盒左右两边会生成匿名盒，且匿名盒为块盒的同胞。匿名盒的继承属性会从 包含它的非匿名盒那里继承，...
分类：
Web程序 时间：
2015-11-20 22:55:48
阅读次数：
176
本周我主要学习了HTML的设计模式，现将我的学习内容总结如下：一．盒模型的学习CSS中有一种基础的设计模型叫做盒模型，它定义了元素是如何被看做盒子来解析的。我主要学习了六种盒模型，分别为内联盒模型（inline box），内联块状盒模型（inline-block box），块状盒模型（block b...
分类：
Web程序 时间：
2015-11-16 12:07:11
阅读次数：
256
一·盒模型 1 IE 和盒模型 IE早期版本包括IE6，在混杂模式下使用自己的非标准盒模型，其width属性不是内容的宽度，而是内容，内边距，和边框宽度的总和。因此，IE专有的盒模型使元素预期小。目前最好的解决方法是，不要给元素添加具有指定宽度的内边距，而是尝试将内边距或外边距添加到元素的父...
分类：
其他好文 时间：
2015-11-16 09:23:03
阅读次数：
178
弹性盒模型注意在使用弹性盒模型的时候 父元素必须要加display: box或display: inline-boxbox-orient 定义盒模型的布局方向（写在父元素上 ） Horizontal 水平显示（默认） vertical 垂直方向box-direction 元素排列顺序（写在父元素.....
分类：
其他好文 时间：
2015-11-14 20:30:51
阅读次数：
246
代替怪异盒模型。box-sizing:border_box;什么是calc()?学习calc()之前，我们有必要先知道calc()是什么？只有知道了他是个什么东东？在实际运用中更好的使用他。calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)...
分类：
其他好文 时间：
2015-11-12 23:20:32
阅读次数：
315
两列布局：1、两列定宽结构： 要点：float、width固定、 :after清除浮动。 前提：两列的盒模型宽度相加不能大于父元素的宽度，否则会出现错位现象。2、两列宽度自适应结构： 要点：float、width百分比、 :after清除浮动。3、单列定宽-单列自适应结构：要点：浮动、负边距效果、....
分类：
Web程序 时间：
2015-11-11 11:40:23
阅读次数：
177
Flexbox通常能让我们更好的操作他的子元素布局，例如：如果元素容器没有足够的空间，我们无需计算每个元素的宽度，就可以设置他们在同一行；可以快速让他们布局在一列；可以方便让他们对齐容器的左、右、中间等；无需修改结构就可以改变他们的显示顺序；如果元素容器设置百分比..
分类：
Web程序 时间：
2015-11-10 14:17:13
阅读次数：
269
1.【弹性盒模型Flexbox】，最大的特性在于，能够动态修改子元素的宽度和高度，以满足在不同尺寸屏幕下的恰当布局。flex-direction:row | row-reverse | column | column-reverse /*设置主轴方向，确定弹性子元素排列方式*/flex-wrap: ...
分类：
Web程序 时间：
2015-11-03 10:33:35
阅读次数：
245
块级元素：div p h1 h2 h3 h4 form ul行内元素: a b br i span input selectCss盒模型:内容，border ,margin，paddingcss中的display属性(行内元素和块级元素)我们常用的display属性值有：inlineblockinl...
分类：
Web程序 时间：
2015-10-29 19:50:36
阅读次数：
287
来看下CSS标布局情况下，定位相关属性之间的相互作用。...
分类：
Web程序 时间：
2015-10-28 10:51:01
阅读次数：
190
