margin: 1,当两个元素在同一行时,他们之间的水平 margin 等于左边元素的 margin-right+右边元素的 margin-left 之和 2,当两个元素在上下时,他们之间的上下 margin 等于这两个元素上 下 margin 的较大者 3,当两个元素是包含关系时,他们之间的 ma ...
分类:
Web程序 时间:
2018-05-06 01:29:18
阅读次数:
210
盒模型 盒模型 margin外边距 padding内边距 boeder边框 css盒模型的计算公式 margin的兼容问题 overflow文本溢出的处理方式 background 盒模型 理解:HTML元素可以看成一个大仓库,盒子与盒子之间的间距是外边距(margin),盒子里面与货物之间泡沫叫内 ...
分类:
其他好文 时间:
2018-04-29 21:19:37
阅读次数:
162
1.css盒模型 2.css选择器有哪些?那些属性可以继承?优先级算法如何计算?css3新增伪类有哪些? .wrapper,.box{} > 并列选择器 .wrapper>.box{} >直接子元素选择器 .wrapper .box{} >后代选择器 可以继承的属性 color、font-size等 ...
分类:
其他好文 时间:
2018-03-28 20:28:04
阅读次数:
181
1. 方法一 table-cell 2.css盒模型 ...
分类:
Web程序 时间:
2018-03-06 17:07:13
阅读次数:
147
恢复内容开始 盒模型: 1、基本内容: 2、基本概念:标准模型+IE模型 3、标准模型和IE模型的区别: 4、css如何设置这两种模型: 5、js如何设置获取盒模型对应的宽和高 6、根据盒模型解释边距重叠 7、BFC(边距重叠解决方案) 基本内容: content+padding+border+ma ...
分类:
Web程序 时间:
2018-03-02 12:36:41
阅读次数:
248
第十六章 CSS盒模型【下】 一、元素可见性 使用visibility属性可以实现元素的可见性,这种样一般可以配合JavaScript来实现效果。 属性 值 说明 CSS版本 { visible 默认值,元素在页面上可见 2 visibility { hidden 元素不可见,但会占据空间 2 { ...
分类:
Web程序 时间:
2018-02-28 18:57:14
阅读次数:
200
第十六章 CSS盒模型【上】 一、元素尺寸 属性 值 说明 CSS版本 1、width auto、长度值或百分比 设置元素的宽度 1 2、height auto、长度值或百分比 设置元素的高度 1 3、min-width auto、长度值或百分比 设置元素最小宽度 2 4、min-height au ...
分类:
Web程序 时间:
2018-02-28 18:56:25
阅读次数:
214
盒模型分为W3C盒模型和IE盒模型 IE盒模型:width/height = content + padding + border, W3C盒模型的宽度或者高度计算方式为:width/height = content。 CSS3属性box-sizing 如果计算一个盒子的长宽高,我们一般都是盒子本身 ...
分类:
Web程序 时间:
2018-02-27 15:57:05
阅读次数:
185
一、css盒子与布局相关 盒子内部的布局 盒子之间的布局visual formatting 脱离正常流normal flow的盒子的布局 absolute布局上下文下的布局 float布局上下文下的布局 flow下的盒子的布局 BFC布局上下文下的布局 IFC布局上下文下的布局 FFC布局上下文下的 ...
分类:
Web程序 时间:
2018-02-24 23:03:34
阅读次数:
272
1、css盒模型有哪些及区别content-box border-box padding-box IE盒子模型box-sizing:border-box;(怪异模式) W3C标准盒子模型 box-sizing:content-box;(标准模式)默认模式 Q2 content-box:这是默认样式指 ...
分类:
Web程序 时间:
2018-02-24 13:05:30
阅读次数:
236