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>

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

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

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

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

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

本节思维导图先通过一个小案例来了解一个操作dom树。案例:在列表末尾添加节点 标题 function add() ...

mysql 学习笔记 day05

/* insert into join_teacher values(4, '孙武', 'male'); insert into join_class values(4,'php0505','20...

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

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

C++学习日记day05

第五课 1.不允许被用户重载的运算符 ::作用域解析操作符 .成员访问操作符 .*成员指针解引用操作符 ?:三目运算符 sizeof字节长度操作符 typeid类型信息操作符 操作符没...

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

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

swift学习Day05

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

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

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

java学习笔记——毕向东视频day05

TIP:字符串和任何数据相加都是相连接 数组使用的核心思想:1、固定长度 2、元素都有索引 什么时候用数组?数据多,个数确定,而且有对应关系
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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