margin和padding

最新推荐文章于 2023-06-06 09:17:52 发布
最新推荐文章于 2023-06-06 09:17:52 发布
阅读量108 收藏
点赞数
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42929948/article/details/106612429
版权

padding：
1.padding设置为负值无效
2.内联元素中只有padding-left和padding-right有效
3.块状元素上下左右都可以设置
4.padding:0 auto 无效
margin:
1.margin:0 auto只对块级元素有效,并且需要设置元素的高度，百分比也可
2.块级元素中----上下左右可以随意设置
3.内联元素中----margin-top和margin-bottom不会影响行高

令人着迷的夜晚
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
margin padding图文详解
Long_gone的博客
07-03 1440
一、外边距——margin 围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”。 设置外边距的最简单的方法就是使用 margin 属性，这个属性接受任何长度单位、百分数值甚至负值。单边外边距属性 上外边距：margin-top 右外边距：margin-right 下外边距：margin-bottom 左外边距：margin-left 外边距塌陷（改变） overflow:hidden; 二、内边距——padding 元素的内边距在边框和内容区之间。 CSS padding 属性定义元
Margin Padding的用法
qq_46579440的博客
03-24 193
padding的用法：         1: padding是长在内容和盒子之间的，在盒子内部。         2：padding是为了调整 子元素 在 父元素里面位置关系。       &nbsp...
mysql padding_margin,padding之我见
weixin_29189987的博客
02-01 193
在网页布局中，margin和padding绝对会占很重要的作用，但是在实际的项目中，很多新手前端程序员们往往不能正确的使用它们，导致会出现一些不必要的麻烦，下面是我在前几天的项目中遇到的一些问题，以及个人总结的一些方法，仅供参考。想比margin，padding则是要乖巧的多，几乎没有让你不省心的地方，我们知道，简单的padding语法有四种：eg：1.div1{padding:1px;} (表...
Class与ID区别 margin和padding区别 CSS学习笔记
10-30
CSS学习笔记 - Class与ID区别、margin和padding区别 在CSS学习中，有两个非常重要的概念：Class与ID和margin与padding。虽然它们都是CSS中的基本概念，但是许多初学者却不知道它们的区别和使用场景。 Class与ID...
常用元素默认margin和padding值问题探讨
09-22
有关默认元素在不同浏览器中的margin值是多少的问题，接下来与大家共同探讨下，希望下面提供的数值对你在浏览器兼容性测试时会有所帮助
设置margin和padding为0可去掉DIV与DIV的空白
09-25
如何去掉DIV与DIV的空白，设置margin和padding为0及overflow:hidden可以做到，下面有个示例，感兴趣的朋友可以参考下
CSS中margin和padding的区别浅析
09-24
在CSS中margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。下面讲解 padding和margin常用的用法
margin和padding的学习
gaohuanjie的专栏
06-15 3134
你在学习margin和padding的时候是不是懵了——什么他娘的内边距，什么他娘的外边距。呵呵呵，刚开始我也有点不理解，后来通过查资料学习总算弄明白了，现在我来谈一下自己对margin和padding的理解：
外边距（margin）和内边距（padding）
最新发布
Tsinbo1314的博客
06-06 8536
请注意，外边距和内边距会相互叠加。如果两个相邻元素都具有外边距，它们的外边距将合并为一个外边距。在CSS中，外边距（margin）和内边距（padding）是用来控制元素周围空白区域的属性。这些属性可以接受不同的值，例如像素（px）、百分比（%）、em等。
margin和padding的用法
热门推荐
qq_44885374的博客
04-24 3万+
如果我们想要定位块或者文字等的位置 ，除了可以用相对定位和绝对定位还可以用margin 和paddinng； <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> ...
CSS中Margin和Padding简单介绍
章郎虫的专栏
08-15 216
查看原文：http://www.hellonet8.com/958.html 今天章郎虫对哈罗网吧的模板稍微修改了一下。在修改时需要用到css代码的添加或者修改，我学到了Margin和Padding两个属性的区别及简单用法。下面内容是我整理的有关这两个属性的用法，希望对朋友们有帮助。 1、Margin Margin是指层的边框以外留的空白，用于页边距或者与其它层制造一个...
margin和padding介绍及使用场景
qq_41770595的博客
02-23 1万+
Margin和Padding介绍及使用场景 在html文档中，margin和padding属性是盒子模型的组成部分，正确理解这两个属性也是学习用css布局的关键。 盒子模型: 任意一个块级元素均由content（内容），padding（内边距），background（包括背景颜色和图片），border（边框），margin（外边距）五个部分组成。 期中margin属性定义了元素边框外部的空白区域，...
margin和padding的区别
林毅洋
12-08 495
目前web2.0已经越来被人们认可，因为喜欢搞web开发的人员不/得不硬着头皮去学习web2.0的标准，其中很重要的一条就是新的布局规则，div+css。以前基本上是用table布局的，这种传统的方式简单直观，但是这新的标准我学习起来时常找不到北。呵呵，就拿今天这个例子来说吧，很多朋友肯定也有我这种情况的，那我就从网上搜集一些例子出来，让个更多的人消除这种烦恼。   事例一：
padding和margin的异同点
牛栏山矿泉水
07-18 966
一、padding 1、语法结构 （1）padding-left:10px; 左内边距 （2）padding-right:10px; 右内边距 （3）padding-top:10px; 上内边距 （4）padding-bottom:10px; 下内边距 （5）padding：10px; ...
margin与 padding的区别
wochuailimin的专栏
10-01 1545
margin和padding这两兄弟，总是在一起使用，我以前总是搞混，分不清谁是谁。经过几天的思考，今天在此总结一下：首先，从位置区分margin和padding之间是有一条分界线的，而这个分界线就是边框border。border里的就是padding，border外的就是margin。其次，从作用方向区分Padding，是从边框border向内挤压，使得内容移动Margin，是从border向外挤压，使得区块移动形象的理解就是，padding就相当于握拳的动作，而margin就相反的动作，即将握拳的手展开
css 之 padding
小白向前冲！
02-02 2293
【1】padding 与 元素的尺寸   ——对块级元素    （1） 当width 为非 auto 时，padding 会影响元素尺寸    （2） 当width 为 auto 或box-sizing 为 border-box 时,padding 不会影响元素尺寸 ——对内联元素   （1） 水平 padding 影响尺寸，垂直 padding 不影响尺寸，但会影响背景占

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值