CSS盒模型
来源:互联网 发布:数据挖掘导论 pdf 编辑:程序博客网 时间:2024/06/08 01:20
盒模型:
CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式,每个盒子都由四部分组成:margin、border、padding、content。
CSS中Box model是分为两种:: W3C标准盒模型 和 IE标准盒子模型
两者之间计算差异:
在W3C模型中: 总宽度 = margin-left + border-left + padding-left + width + padding-right + border-right + margin-right
在IE模型中: 总宽度 = margin-left + width + margin-right
在CSS3中引入了box-sizing属性, 它可以允许改变默认的CSS盒模型对元素宽高的计算方式.
共包括两个选项:
content-box:标准盒模型,CSS定义的宽高只包含content的宽高border-box:IE盒模型,CSS定义的宽高包括了content,padding和border
阅读全文
0 0
- CSS、CSS盒模型
- CSS盒模型
- 什么是css盒模型?
- CSS 盒模型
- CSS盒模型讲解
- CSS 盒模型
- CSS盒模型
- div+css盒模型
- css 盒模型
- css盒模型组成
- css盒模型组成
- css的盒模型
- 介绍CSS盒模型
- CSS盒模型
- CSS盒模型
- css 盒模型整理
- css盒模型
- css盒模型笔记
- 51Nod 1304 字符串的相似度
- mysql 5.7.17 ,group by问题
- 机器学习学习笔记.day6
- Android发展史(Android各版本特性-知识篇)
- cat,more,less,head,tail,输出重定向
- CSS盒模型
- 安卓各个版本新特性
- Java基础学习三
- AOP中获取注解
- java绘图学习
- 前段成长之路——CSS3基础(一)边框,颜色,字体,背景
- Python爬微博(ajax+mongo)
- 数据库学习纪要(十八):MySQL简介-2
- 什么是C/S结构,什么是B/S结构,两者的区别与联系