`
yacole
  • 浏览: 241884 次
  • 性别: Icon_minigender_1
  • 来自: 浙江科技学院
社区版块
存档分类
最新评论

CSS初级教程（五）- Margin和Padding

CSS 
阅读更多

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

例子，h2：

css 代码
  1. h2 {   
  2.  font-size: 1.5em;   
  3.  background-color: #ccc;   
  4.  margin: 1em;   
  5.  padding: 3em;   
  6. }   

元素四边可以设置的属性：margin-top, margin-right, margin-bottom, margin-left, padding-top, padding-right, padding-bottom and padding-left

Box Model

请看盒模型问题

分享到：
| CSS初级教程（四）- Text 文本
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    css基础教程--CSS快速入门、怎样编写CSS、CSS属性、CSS定位、CSS滤镜　

    这个“CSS基础教程”涵盖了CSS的快速入门、编写方法、属性、定位以及滤镜等核心概念，旨在帮助初学者掌握网页设计的基本技能。 1. CSS快速入门： CSS的引入是为了分离内容（HTML）和表现（样式）。通过在HTML文档...

    CSS入门教程-自学必备

    3. **盒模型**: CSS盒模型是理解布局的基础，它包括元素的content、padding、border和margin。理解盒模型有助于精确控制元素的大小和位置。 4. **定位**: CSS提供了多种定位机制，包括静态定位、相对定位、绝对定位...

    CSS快速入门课件--附带详细实例

    1. CSS盒模型：包括内容区域（content）、内边距（padding）、边框（border）和外边距（margin），影响元素的总尺寸和位置。 2. 盒模型的两种类型：标准盒模型（W3C）和IE盒模型，理解它们的区别对于精确布局至关...

    CSS初级教程,ppt,....

    - CSS属性涵盖广泛，如字体相关的`font-family`、`font-size`，布局相关的`margin`、`padding`，背景相关的`background-color`、`background-image`，以及盒模型属性`border`、`box-sizing`等。 ### 第七章：CSS...

    CSS基础知识总结-新手入门篇

    - **内边距（padding）**：在元素内容和边框之间创建空间。 **6. CSS属性** - **元素类型**：通过`display`属性来设置元素的显示方式，如`block`（块级元素）、`inline`（行内元素）、`inline-block`（兼顾两者）和...

    DIV+CSS_入门教程

    ### DIV+CSS入门教程知识点详解 #### 一、页面布局与规划 在网页设计与开发领域，**DIV+CSS**是一种流行的布局技术，它利用HTML中的`<div>`标签结合CSS（层叠样式表）来实现网页的布局与美化。在深入学习之前，...

    CSS入门教程.pdf

    - 包含元素的宽度、高度、内边距（padding）和外边距（margin）。理解盒模型对于精确控制元素尺寸和布局至关重要。 5. **定位机制**： - 相对定位（relative）：相对于其正常位置移动元素。 - 绝对定位...

    css入门-绝对经典

    ### CSS初级教程 1. **应用CSS到HTML中**： - **内联样式**：通过在HTML元素的`style`属性中直接写CSS代码，如`;">文本</p>`。 - **内部样式表**：在HTML文档的`<head>`部分使用`<style>`标签定义样式，这些样式...

    CSS初级教程适合初学者

    ### CSS初级教程知识点详解 #### 一、CSS基础概念与作用 **CSS**（层叠样式表，Cascading Style Sheets）是一种用于定义网页样式、布局的语言，它能够有效地将网页的内容与表现形式分离，使得网页更加易于维护和...

    div+css入门教程

    - 盒模型：包括`content`、`padding`、`border`和`margin`，理解盒模型对于精确布局至关重要。 - 浮动（`float`）和清除（`clear`）：用于创建多列布局。 3. **布局技巧** - 使用`position`属性（`static`、`...

    CSS-elementary-manual-.rar_Elementary

    - CSS盒模型描述了元素占用空间的方式，包括内容区域、内边距（padding）、边框（border）和外边距（margin）。 - IE盒模型和W3C盒模型的区别，理解这两种模型对于跨浏览器兼容性至关重要。 5. **CSS布局** - ...

    css经典教程 css电子书

    ### CSS经典教程知识点详解 #### 一、CSS简介与基础知识 - **CSS定义**：CSS全称为层叠样式表（Cascading Style Sheets），是一种用来描述HTML或XML文档外观及格式的语言。它允许用户控制页面布局、字体、颜色等...

    css入门教程，css基础教程

    2. **盒模型**：理解CSS盒模型至关重要，它包括内容、内边距（padding）、边框（border）和外边距（margin）。盒模型决定了元素在页面上的占用空间。 3. **层叠与继承**：“层叠”是指当多个规则应用于同一个元素时...

    XHTML与CSS入门经典-从零开始

    5. **CSS属性**：CSS包含大量属性，如`color`（颜色）、`font-size`（字体大小）、`background-color`（背景色）、`padding`（内边距）、`margin`（外边距）等。这些属性用于定义元素的外观和布局。 6. **盒模型**...

    css入门教程（chm）

    盒模型包括内容(content)、内边距(padding)、边框(border)和外边距(margin)。元素的实际宽度和高度是内容宽度+左右内边距+左右边框+左右外边距。 **四、选择器的高级用法** 1. **类选择器**：通过`.`来指定，如`....

    CSS入门教程源代码

    2. **盒模型**：CSS盒模型包括元素的内容区(content)、内边距(padding)、边框(border)和外边距(margin)。理解盒模型对于布局至关重要。 3. **布局模式**：CSS提供了流体布局、固定布局、响应式布局等，适应不同屏幕...

Magicbox
Global site tag (gtag.js) - Google Analytics