CSS知识点整理(2):框模型，定位

1. 框模型：Box Model 规定了元素处理元素框处理元素内容、外边距、边框、内边距的方式。

2. 当边距给定的值可以小于4个。CSS定义了一些规则、处理这中情况：

如果缺少左外边距的值，则使用右外边距的值。
如果缺少下外边距的值，则使用上外边距的值
如果缺少下外边距的值，则使用上外边距的值。

3. 外边距合并：当两个垂直方向（相对于水平方向）的外边距相遇时，它们将合成一个外边距。

合并后的数值：合并前的较大值

4. 合并发生在两个同级元素之间，子元素和父元素之间，也可能发生在自身。

详情参考： http://www.w3school.com.cn/css/css_margin_collapsing.asp

5. 定位的相关概念

·文档流

·流式布局

·列式布局

·正常流布局

·行框

·行内框、行内元素

·块框、块级元素

·无名框、无名块框

·包含框

注意“行框”与“行内框”

参考网址： http://www.w3school.com.cn/css/css_positioning.asp 其他百度

6. 相对定位，clip的属性值以及解释，并计算剪裁后图形的高度

7. 浮动的3个案例：水平菜单，表格，简单首页

http://www.w3school.com.cn/css/css_positioning_floating.asp

更多专业前端知识，请上【猿2048】www.mk2048.com

CSS知识点整理(2):框模型，定位相关推荐

CSS样式中选择器+盒子模型+定位+浮动
CSS样式中选择器+盒子模型+定位+浮动一.选择器选择器,选择你所需要修饰的HTML元素 1.通配符选择器 <!DOCTYPE html> <html><head&g ...
css 动态rem_【面试题】CSS知识点整理(附答案)
目录伪类和伪元素实现固定宽高比(width: height = 4: 3)的div,怎么设置 CSS选择器 CSS解析规则 flex: 1 完整写法 display: none和 visibili ...
CSS知识点整理(代码示例参考w3shool）（包括CSS概念语法作用、CSS引入方式、CSS背景、文本、字体、链接、轮廓、表格、常用选择器等）
文章目录 CSS简介 CSS 概念 CSS 作用 CSS 语法 CSS引入方式 1.内联样式表 2.内部样式表 3.外部样式表 CSS常用样式 CSS背景 1.背景色:background-color ...
div固定大小文字溢出自动缩小_CSS样式更改——框模型、定位、浮动、溢出
前言上篇文章主要介绍了CSS样式更改篇中的列表.表格和轮廓,这篇文章主要介绍CSS样式更改中框模型.定位.浮动.溢出基础知识. 1.框模型Border Model 从上图可以得知,如果把一个网页比作 ...
CSS框模型，浮动，定位以及其他属性
CSS框模型,浮动,定位以及其他属性 1.CSS 框模型 (Box Model) 规定了元素框处理元素内容.内边距.边框和外边距的方式 element : 元素. padding : 内边距,也 ...
css框模型、定位、浮动
一.CSS 框模型概述 1.CSS 框模型 (Box Model) 规定了元素框处理元素内容.内边距.边框.外边框的方式. 2.元素框的最内部分是实际的内容,直接包围内容的是内边距.内边距呈现了元素的 ...
CSS 框模型( Box module )
框和布局在 KB005: CSS 层叠中已经介绍了 CSS 的重要之处.CSS 可以说是页面表现的基础, CSS 可以控制布局,控制元素的渲染. 布局是讲在电影画面构图中,对环境的布置.人物地位的 ...
css模型安装,【CSS】CSS-框模型+定位+实训练习
<[CSS]CSS-框模型+定位+实训练习>由会员分享,可在线阅读,更多相关<[CSS]CSS-框模型+定位+实训练习(9页珍藏版)>请在人人文库网上搜索. 1.第二阶段-We ...
CSS边框、边距、轮廓（边框宽度/颜色/各边/简写属性/圆角边框/内外边距/高度宽度/框模型/轮廓宽度/颜色/属性/偏移）——万字长文|一文搞懂
目录 CSS边框 CSS 边框属性 CSS 边框样式实例 CSS 边框宽度实例特定边的宽度实例 CSS 边框颜色实例特定边框的颜色实例 HEX 值实例 RGB 值实例 HSL 值实 ...

CSS知识点整理(2):框模型，定位

CSS知识点整理(2):框模型，定位相关推荐

最新文章

热门文章