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

CSS初级教程(五)- Margin和Padding

CSS 
阅读更多

marginpadding用来隔开元素,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基础教程--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入门教程.pdf

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

    css入门-绝对经典

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

    div+css入门教程

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

    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提供了流体布局、固定布局、响应式布局等,适应不同屏幕...

    Html实例教程--入门教程

    例如,`color`属性设定文字颜色,`background-color`设定背景色,`width`和`height`设置元素尺寸,`margin`和`padding`控制内外边距。 HTML5是目前广泛使用的版本,引入了新的语义元素,如`<header>`、`<footer>`、...

    Div+CSS布局入门教程

    - 盒模型是CSS布局的核心概念,包括内容(content)、内边距(padding)、边框(border)和外边距(margin)四部分。 - 盒模型的宽度计算方式有两种:标准盒模型(width仅包含内容宽度)和IE盒模型(width包含内容...

    李炎恢HTML_CSS教程.pdf

    * CSS盒模型:盒模型、border、padding、margin * CSS边框与背景:边框、背景颜色、背景图片 * CSS表格与列表:表格样式、列表样式 * CSS其他样式:圆角、阴影、透明度 CSS高级 * CSS3前缀和rem:CSS3新特性、rem...

    css基础教程(经典)

    《CSS基础教程》是一本适合初学者入门的指导书籍,由ningzhisheng编写,并在JavaEye社区分享。本文将详细解析其中的核心知识点,帮助读者理解CSS的基础概念和应用。 1. **CSS基础与应用** CSS(Cascading Style ...

    css基础-梦之都教学

    这些教程通常会从简单的CSS选择器和属性开始,逐步引导学习者创建基本的样式规则。 **3. CSS语法** - **外部引用CSS**:通过`<link>`标签在HTML文件中引入外部CSS文件,例如`<link rel="stylesheet" href="style....

    css+div入门教程(很详细)

    包括内容(content)、内边距(padding)、边框(border)和外边距(margin),这四部分共同构成了元素的实际尺寸。 四、实例解析 在2008813203417.chm文件中,包含了丰富的实例和详细解释,涵盖了基本样式设置、布局技巧、...

    div+css入门详细教程

    【div+css入门详细教程】 在网页设计领域,HTML(超文本标记语言)与CSS(层叠样式表)是构建网站布局和外观的基石。尤其是Div+CSS的组合,已经成为现代网页开发的标准实践,它极大地提高了网页的可维护性和可扩展...

    上百个CSS实例|CSS基础学习|CSS入门基础|CSS样式集合

    2. **盒模型**:理解CSS盒模型是布局的基础,它包括元素的内容、内边距(padding)、边框(border)和外边距(margin)。掌握盒模型可以帮助你精确控制元素的尺寸和位置。 3. **布局技术**:在CSS中,有流体布局、...

Global site tag (gtag.js) - Google Analytics