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  联系我,非常感谢。

目录
相关文章
|
6月前
|
存储 前端开发 JavaScript
css的变量和自定义变量概念
css的变量和自定义变量概念
|
6月前
|
前端开发 开发者
CSS面试考点:盒模型、选择器、单位和像素概念
【4月更文挑战第2天】 CSS面试考点:盒模型、选择器、单位和像素概念
50 12
|
6月前
|
前端开发 开发者
CSS中的这些基础概念你知道多少?
【4月更文挑战第1天】 CSS中的这些基础概念你知道多少?
41 0
|
6月前
|
移动开发 前端开发 JavaScript
编程笔记 html5&css&js 002 一些基本概念
编程笔记 html5&css&js 002 一些基本概念
|
6月前
|
移动开发 前端开发 API
html和css部分概念
html和css部分概念
69 0
|
前端开发
Css盒模型的概念及组成
Css盒模型的概念及组成
Css盒模型的概念及组成
|
前端开发 UED 容器
【前端|CSS系列第1篇】CSS零基础入门之CSS的基本概念和选择器
欢迎来到CSS零基础入门系列的第一篇博客!在这个系列中,我们将一起学习CSS(层叠样式表)的基础知识,探索如何为网页添加样式和布局。本篇博客将重点介绍CSS的基本概念和选择器,帮助你理解CSS的核心概念。
149 0
|
Web App开发 存储 弹性计算
前端面试之CSS重点概念精讲
选择器 流、元素 盒模型 元素超出宽度...处理 元素隐藏 层叠规则 块级格式化上下文 元素居中 flex布局 Chrome支持小于12px 的文字 CSS 优化处理 (6个) 回流、重绘 硬件加速 Css预编译语言
438 0
|
编解码 前端开发
CSS 重要概念之新特性介绍
CSS 是前端开发中最重要的技术之一,它不断地在更新和改进,为网页设计师和开发人员提供更多强大的工具和效果。下面列举了一些 CSS 的新特性,来帮助您更好地掌握这个领域的知识。
81 0
|
前端开发 容器
CSS 重要概念之定位
CSS 定位是 Web 开发中非常重要的概念之一,它可以帮助我们准确地定位和布局 HTML 元素。在本文中,我们将介绍 CSS 中常用的三种定位方式:静态定位、相对定位和绝对定位。
89 0