CSS学习Day05

原创 2017年01月03日 22:09:39

设置外边距

<html>
<head>
<style type="text/css">
    p.leftmargin {margin-left: 2cm}
</style>
</head>
<body>
    <p>这个段落没有指定外边距。</p>
    <p class="leftmargin">这个段落带有指定的左外边距。</p>
</body>
</html>

我们可以使用margin-left设置左边距,在这里我们依旧可以使用cm、px、%这些单位来设置。
同理,还有margin-right、margin-top、margin-bottom这些属性来设置上下左右的边距值。

当然我们也可以把所有的属性都写在一起如:

<html>
<head>
<style type="text/css">
    p.margin {margin: 2cm 4cm 3cm 4cm}
</style>
</head>
<body>
<p>这个段落没有指定外边距。</p>
<p class="margin">这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。</p>
<p>这个段落没有指定外边距。</p>
</body>
</html>

这些值对应的依次为上右下左。

Android开发修炼——我的java学习 Day05

引子(控制台接值) 1. 什么是方法 Method 2. 掌握方法的声明 掌握方法的调用 4. 掌握什么是方法重载 5. 了解递归算法 6. 方法的好处: 7. 跳转语句...

Linux学习笔记 -- day05 vim文本编辑器

一、文本编辑命令 1、vim的三种模式 (A)、命令模式:可以移动光标,删除字符等 vim a.txt :进入vim编辑器的命令模式 删除、恢复字符或者一行内容 / :搜索数据,在命令模式下...

FastDFS学习笔记 -- day05 上传图片

一、图片上传测试准备工作 1、导入jar包或者使用jar生成pom依赖 2、在工程中创建配置文件 二、使用demo上传图片 1、编写上传图片的代码 package test; import ...

21天战拖记——Day4:虽然今天学习时间少,但是效率非常高!(2014-05-07)

今天起的不是很早,将近8:30了,不知为什么,就是起不来,应该是睡得比较晚吧,凌晨1点多,但是原因是睡不着,所以想多做点事,否则躺在床上也是胡思乱想。而之所以导致这种状况的原因是,之前的经常性的晚睡,...

黑马程序员--Oracle学习_day05

----------  android培训 、java培训、期待与您交流! ---------- 1,维护数据的完整性 数据的完整性用于确保数据库数据遵从一定的商业和逻辑规则。在ora...

21天学通Java学习笔记-Day05

Day05: 用 class 定义一个类,默认情况下 类从 Objcet 继承。   也可以用关键字 extends 指定父类。   java 的三种常用变量 : 类变量,实例变量,局部变量...

HTML5学习_day05(8)--html之伪类元素选择器(伪元素)

伪类元素选择器 div:after{ content: "后面添加"; } div:before{ content: "前面的"; } ...

swift学习Day05

今天继续学习swift中的函数,函数的定义使用关键字:func。定义://函数//定义 func helloFunc(name:String, age:Int)->String { let _...

JAVA WEB从入门到精通day05 javascript学习(3)

本节思维导图先通过一个小案例来了解一个操作dom树。案例:在列表末尾添加节点 标题 function add() ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS学习Day05
举报原因:
原因补充:

(最多只允许输入30个字)