CSS基础教程:margin和padding

2016-02-19 13:39 3 1 收藏

下面图老师小编跟大家分享CSS基础教程:margin和padding，一起来学习下过程究竟如何进行吧！喜欢就赶紧收藏起来哦~

【 tulaoshi.com - Web开发】

margin和padding用来隔开元素，margin是隔开元素与外边，padding是隔开元素里边。

　　例子h2：

h2 {
    font-size: 1.5em;
    background-color: #ccc;
    margin: 1em;
    padding: 3em;
}
　　元素四边可以设置的属性：margin-top, margin-right, margin-bottom, margin-left, padding-top, padding-right, padding-bottom and padding-left

来源:https://www.tulaoshi.com/n/20160219/1604893.html

看过《CSS基础教程:margin和padding》的人还看了以下文章更多>>

CSS基础教程:margin和padding 02-19
CSS教程：详解margin和padding 02-19
css padding 与margin的区别 02-19
CSS基础教程:CSS的应用 02-19
CSS基础教程: CSS的分组(Grouping)和嵌套(Nesting) 02-19
CSS基础教程:CSS的color颜色 02-19
CSS基础教程:Borders 边框 02-19
CSS基础教程:CSS的Text 文本 02-19
CSS模型教程:boxes,borderes,margins和padding 02-20
CSS基础教程:CSS中的定位（position） 02-19

CSS基础教程:CSS网页布局Page Layout

标签： Web开发

使用CSS布局非常简单，如果你习惯使用tables布局，可能开始时有点困难，但其实很容易，事实上只是观念的不同。你需要把网页的每个部分看成独立的块，你可以绝对或相对定位块。 Positioning 定位 positon属性可以指定元素为absolute,relative,static或是fixed。 static是元素默认属性，按HTML出现的先后顺序。 relativ...

CSS基础教程:CSS的At-Rules@规则

标签： Web开发

At-rules分装不同的CSS规则，应用在特定场合。 Importing import@规则引用另外的样式。例如，如果你想添加另外样式到现在的样式，可以这样： @import url(addonstyles.css); 这很像使用link元素连接CSS到HTML，本质上说有一个内容样式像下面： style type="text/css" media="all"@import url(monkey.cs...

CSS基础教程:CSS的Pseudo Classes 伪类

标签： Web开发

请你注意一些CSS伪类属性不被所有浏览器支持，但有四个伪类可以安全使用在链接上伪类像是指定选择器状态或关联选择器的门闩。它们的形式如：selector:pseudo class { property: value; }，在选择器和伪属性之间使用冒号。 link 没有点击过的链接 visited以点击过的链接 active获...

CSS基础教程:CSS的伪元素Pseudo Elements

标签： Web开发

伪元素吸附在选择上和pseudo classes伪类很像，像这样selector:pseudoelement{property: value;}。有四种方式。 First letters and First lines 首字母和首行 first-letter伪元素作用到元素的第一个字母，first-line作用到元素的顶行。你可以，例如为段落创建一个drop caps和首行加粗。 p:fir...

CSS应用基础教程(2) 应用方式

标签： Web开发

ＣＳＳ的声明方式这章节将开始为您介绍ＣＳＳ的应用。当然一开始要介绍的是如何去建立个样式表（Style Sheets），包括了声明的方式和应用在网页上的方法，最後还会为您概述一下ＣＳＳ的一些特性。概略来说，ＣＳＳ的声明有三种方式：一、基本声明：最典型的ＣＳＳ声明方式。 element {property: value} 用中文来...

查看更多精彩>>