css常见的概念

简介: padding-top:10px;是指容器内的内容距离容器的顶部有10个像素,是包含在容器内的; margin-top:10px;是指容器本身的顶部距离其他容器有10个像素,不包含在容器内; top:10px;是指容器本身的顶部距离页面的顶端有10个像素。

padding-top:10px;是指容器内的内容距离容器的顶部有10个像素,是包含在容器内的;

margin-top:10px;是指容器本身的顶部距离其他容器有10个像素,不包含在容器内;

top:10px;是指容器本身的顶部距离页面的顶端有10个像素。

 

padding和margin的区别可以简单的理解为墙上挂着的两个相框,margin指的是相框与相框的距离,padding指的是每个相框里照片与相框边框的距离。

作者:Tyler Ning
出处:http://www.cnblogs.com/tylerdonet/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,如有问题,可以通过以下邮箱地址williamningdong@gmail.com  联系我,非常感谢。

目录
相关文章
|
1月前
|
移动开发 前端开发 JavaScript
编程笔记 html5&css&js 002 一些基本概念
编程笔记 html5&css&js 002 一些基本概念
|
4月前
|
移动开发 前端开发 API
html和css部分概念
html和css部分概念
44 0
|
6月前
|
前端开发 开发者
css breakages 的概念介绍
css breakages 的概念介绍
32 0
|
7月前
|
前端开发
Css盒模型的概念及组成
Css盒模型的概念及组成
Css盒模型的概念及组成
|
9月前
|
前端开发 UED 容器
【前端|CSS系列第1篇】CSS零基础入门之CSS的基本概念和选择器
欢迎来到CSS零基础入门系列的第一篇博客!在这个系列中,我们将一起学习CSS(层叠样式表)的基础知识,探索如何为网页添加样式和布局。本篇博客将重点介绍CSS的基本概念和选择器,帮助你理解CSS的核心概念。
101 0
|
Web App开发 存储 弹性计算
前端面试之CSS重点概念精讲
选择器 流、元素 盒模型 元素超出宽度...处理 元素隐藏 层叠规则 块级格式化上下文 元素居中 flex布局 Chrome支持小于12px 的文字 CSS 优化处理 (6个) 回流、重绘 硬件加速 Css预编译语言
410 0
|
前端开发 开发者
css 重要概念之语法规则和引入规则
CSS(层叠样式表)是一种用于描述网页样式的语言。在前端开发中,CSS 是不可或缺的一部分。本文将介绍 CSS 的语法规则和引入规则。
80 0
|
前端开发
CSS 重要概念之常见属性和设置
CSS 是一种用于描述网页样式的语言,包含众多属性和设置。本文将介绍 CSS 中一些常见的属性和设置。
84 0
|
编解码 前端开发
CSS 重要概念之新特性介绍
CSS 是前端开发中最重要的技术之一,它不断地在更新和改进,为网页设计师和开发人员提供更多强大的工具和效果。下面列举了一些 CSS 的新特性,来帮助您更好地掌握这个领域的知识。
57 0
|
前端开发 UED 容器
CSS 重要概念之布局
CSS 布局是前端开发中最为重要的一部分,它用于控制 HTML 元素在页面上的位置和大小。本文将介绍 CSS 中常见的布局方式,以及如何使用这些方式实现不同的页面布局效果。
71 0