css 外边距，内边距的使用

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>padding和margin的用法</title>

    <style>

        .box{

            width:200px;

            height:200px;

            background:tan;

            /*1个参数：4边*/

            padding:30px;

            /*2个参数：上下 左右*/

            padding:10px 20px;

            /*3个参数：上 左右 下*/

            padding:10px 20px 30px;

            /*4个参数：上 右 下 左*/

            padding:10px 20px 30px 40px;

            /*padding-top:10px;

            padding-right:20px;*/

            /*margin:0 100px;*/

            /*margin-left:auto;

            margin-right:auto;*/

            /*让块级元素水平居中*/

            margin:0 auto;

        }

        b{

            background:orange;

            /*margin:0 auto;*/

            /*给行级标签的父元素加text-align:center就可以让行级元素居中*/

            text-align:center;

        }

    </style>

</head>

<body>

    <div style="text-align:center"><b>行级标签</b></div>

    <div class="box">你们峰哥跟我说：他一直就很喜欢小林子！那不直的时候呢？</div>

</body>

</html>

<!--

padding 内边距

    padding 统一设置内边距

        padding:4边

        padding:上下 左右

        padding:上 左右 下

        padding:上 右 下 左

    padding-top

    padding-right

    padding-bottom

    padding-left

margin 外边距

    margin 统一设置外边距

        margin:4边

        margin:上下 左右

        margin:上 左右 下

        margin:上 右 下 左

    margin-top

    margin-right

    margin-bottom

    margin-left

    小提示：margin:0 auto 可以让块级元素水平居中

-->

css 外边距，内边距的使用的更多相关文章

CSS权威指南 - 内边距边框和外边距
九十年代的完全用表格布局,简单的段落边框都需要用表格.CSS让布局更方便. 基本元素框 basic element boxes 如同第七章基本视觉格式化那一章讲到,每个文档元素会生成一个元素框,这个框 ...
CSS——【元素内边距padding、元素外边距margin、元素边框border-width、元素大小width/height】与【元素显示大小】的关系
一.基本知识 padding:元素内边距,指的是元素内边框到元素中内容的距离. 用法: padding:长度|百分比 padding-top:长度|百分比 padding-bottom:长度|百分比 ...
CSS.03 -- 浏览器行高、字体；盒子模型--边框、内边距、外边距
如果此时你也在自学中,请使用 FireWorks CS6 进行切图测距等,百度一下吧~ Fireworks的基本使用新建文件 ctrl+n 打开文件 ctrl+o 调出和隐藏标尺 ctrl+r ...
css 尺寸、边框、内边距、背景以及css Sprite
上节课回顾: HTML标签: 格式排版 p 段落双br 换行单hr 分隔线单h1~h6 标题双pre 原样格式化输出双div 标签,无任何特殊意义 HTML标签 :文本 <em> ...
CSS 框模型——规定了元素框处理元素内容、内边距、边框和外边距的方式
转自:http://www.w3school.com.cn/css/css_boxmodel.asp 要知道在父元素:float, rel, abs位置情况下,box模型的变换情况,请见:http:/ ...
css内边距与外边距的区别
你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素.内联元素中的区别?什么时候该用 padding而不是margin?你知道负margin吗?你 ...
CSS框模型（框模型概述、内边距、边框、外边距、外边距合并）
CSS 框模型概述 CSS 框模型 (Box Model) 规定了元素框处理元素内容.内边距.边框和外边距的方式. 元素框的最内部分是实际的内容,直接包围内容的是内边距.内边距呈现了元素的背景. ...
(转)css内边距与外边距的区别，精辟啊
css内边距与外边距的区别 (2012-05-02 13:54:54) 转载▼ 标签: 杂谈分类: css 本文也是网上看了后收藏的,忘了原地址(以后收藏文章得注意) 你真的了解margin吗?你知 ...
CSS 内边距外边距
CSS 内边距外边距 <html>  <body style=& ...
css总结9：内边距（padding）和外边距（margin）
1 css总结9:内边距和外边距通过css总结8:盒子模型可知:内边距(padding),外边距(margin).可以影响盒子在浏览器的位置. 1.1 padding使用:{padding:上右 ...

随机推荐

npy数据的保存与读取
保存利用这种方法,保存文件的后缀名字一定会被置为.npy x = numpy.save("data_x.npy",x) 读取 data = numpy.load("da ...
css隐藏元素的六类13种方法
隐藏元素的方法隐藏元素的方法可以总结为六类:直接隐藏.对溢出内容隐藏.对元素透明度进行调整.将元素移除当前屏幕.对元素的层级关系进行调整.对元素进行裁剪只有对元素的透明度进行调整才可以点击,其余都 ...
第25章串行FLASH文件系统FatFs—零死角玩转STM32-F429系列
第25章串行FLASH文件系统FatFs 全套200集视频教程和1000页PDF教程请到秉火论坛下载:www.firebbs.cn 野火视频教程优酷观看网址:http://i.youku.c ...
Knockout 事件传递参数的方法
在Knockout中直接使用函数传递参数是不行的,会导致函数在初始化时就被调用. 要实现参数的传递,有2种方法: 1.方法一:使用函数包裹 <div data-bind="event: ...
loss 和accuracy的关系梳理
最近打算总结一下这部分东西,先记录留个脚印.
css英文长文字会自动换行的解决办法
iPhone5中显示的效果如下图: 代码修改: 修改后效果如图:
深入浅出：了解JavaScript的ES6、ES7新特性
参照阮一峰博客:http://es6.ruanyifeng.com/#README es6常见题:https://blog.csdn.net/qq_39207948/article/details/8 ...
HTTP:地址栏输入url到显示页面的步骤
在浏览器地址栏输入URL 浏览器查看缓存,如果请求资源在缓存中并且新鲜,跳转到转码步骤如果资源未缓存,发起新请求如果已缓存,检验是否足够新鲜,足够新鲜直接提供给客户端,否则与服务器进行验证. 检验 ...
爬虫学习（十六）——jsonpath
jsonpath介绍 jsonpath是一种信息抽取类库,是从json文档中抽取指定信息的工具,提供多种语言实现的版本 jsonpath对json来说,就相当于xpath对于xml jsonpath和 ...
VS2013使用自带的数据库 Microsoft SQL Server 2012 Express LocalDB
注:DeptLocalDB:自己取的数据库实例名称 DeptSharedLocalDB:自己取的实例共享名称np:\\.\pipe\LOCALDB#SH7C6ED5\tsql\query:命名管道名称 ...

css 外边距，内边距的使用

css 外边距，内边距的使用的更多相关文章

随机推荐

热门专题