`
backbase
  • 浏览: 91464 次
  • 性别: Icon_minigender_1
  • 来自: 虾汤水库
社区版块
存档分类
最新评论

CSS定位与DIV布局---学习笔记一

CSS 
阅读更多
<div>:区块容器标记,即<div>与</div>之间相当于一个容器,可以容纳标题、表格、表单、段落、图片等。
<span>:行内元素,没有结构上的意思,纯属是应用样式。

<div>与<span>的区别:<div>是一个块级元素,它包围的元素会自动换行。<span>前后包围的元素不会换行。

border:元素的外围,一般用于分类元素。

padding:用于控制content与border之间的距离。

marign:指的是元素与元素之间的距离。
分享到:
评论

相关推荐

    css网页布局学习笔记

    本学习笔记将深入探讨CSS在网页布局中的应用,帮助读者掌握如何利用CSS创建美观且响应式的网页。 一、CSS基础 在了解网页布局之前,我们需要熟悉CSS的基本语法和选择器。CSS通过选择器来指定要应用样式的HTML元素,...

    Html\CSS+DIV学习笔记(史上最实用的CSS笔记)

    HTML负责创建网页的结构,CSS用来处理页面的样式和布局,而DIV则作为一个容器元素,常用于组织和布局网页内容。以下是对这些知识点的详细说明: 1. **Web标准**:Web标准旨在确保网页的可访问性、可维护性和跨平台...

    css-html-jsp-xml学习笔记

    3. 内联元素与块级元素:内联元素(如`&lt;span&gt;`、`&lt;a&gt;`)不占据整行,而块级元素(如`&lt;div&gt;`、`&lt;p&gt;`)独占一行。 4. 表单元素:HTML提供`&lt;form&gt;`、`&lt;input&gt;`、`&lt;textarea&gt;`、`&lt;select&gt;`等元素用于创建交互式表单。 5....

    《韩顺平轻松搞定网页设计》DIV+CSS学习笔记

    #### 一、DIV与CSS简介 - **DIV**:在HTML中,`&lt;div&gt;`是一个容器标签,它被用来组合文档中的其他元素,并对其应用样式或者脚本。`&lt;div&gt;`标签本身没有特定的格式特征,它的主要功能是通过CSS来实现布局和样式设置。`...

    经典DIV+CSS模板 经典DIV+CSS模板

    描述中的关键词如"div+css"、"web标准"、"div+css布局"、"div+css实例"、"div+css模板"揭示了这些模板遵循Web开发的最佳实践,旨在实现结构与表现的分离,提高网页的可维护性和可访问性。Web标准通常指的是W3C制定的...

    《杰诺Jero-学习笔记》之div+css 第一章

    《杰诺Jero-学习笔记》之div+css 第一章是针对网页设计初学者的一份详实教程,主要关注如何使用HTML与CSS进行页面布局。在这个章节中,你将学习到div元素作为布局容器的重要性,以及如何通过CSS来控制这些元素的样式...

    DIV+css学习笔记

    总的来说,`DIV+CSS`学习笔记涵盖了CSS的基础概念、选择器、布局、定位、文本、图像、链接样式以及列表等多个方面,是构建网页布局和设计不可或缺的知识。深入理解和熟练运用这些知识点,可以提升网页设计的效率和...

    [精通DIV.CSS网页样式与布局].何丽.扫描版

    《精通DIV.CSS网页样式与布局》是一本由何丽...总的来说,《精通DIV.CSS网页样式与布局》这本书是学习和提升网页设计技能的重要资源,结合配套的笔记,可以帮助读者系统地掌握网页布局技巧,并具备实际项目开发的能力。

    DIV+CSS学习笔记

    【DIV+CSS学习笔记】 在网页设计中,`DIV+CSS`是一种常用的技术,用于创建布局和控制网页元素的样式。这种技术的核心是利用`&lt;div&gt;`元素作为容器,通过CSS(Cascading Style Sheets)来定义这些容器的样式,从而实现...

    css+div学习笔记

    CSS(层叠样式表)是一种用于定义网页样式和布局的语言,它可以将样式信息与网页内容分离,使得设计更加灵活和可维护。通过CSS,我们可以控制文本的字体、颜色、大小、对齐方式、边距、背景等众多视觉元素。`div`是...

    div css学习笔记

    以上内容总结了DIV CSS学习笔记中的关键知识点,包括文档类型声明、CSS选择器、CSS引入方式、布局模型以及背景与边框设置。这些知识对于前端开发者来说至关重要,能够帮助他们创建结构良好、样式丰富的网页。

    《杰诺Jero-学习笔记》之div+css 第三章

    在本章《杰诺Jero-学习笔记》中,我们将深入探讨HTML与CSS结合使用时的布局技巧,特别是关于div和css的应用。HTML是构建网页结构的基础,而CSS则是为这些结构赋予样式和布局的关键。这里,我们通过“div”元素来组织...

    《杰诺Jero-学习笔记》之div+css 第二章

    本章节《杰诺Jero-学习笔记》之div+css 第二章,主要聚焦于利用HTML和CSS来创建网页布局,尤其强调了`div`元素与CSS样式的应用。以下是对这些知识点的详细讲解: 首先,`div`(division)是HTML中的一个块级元素,...

    CSS学习笔记-适合初学者

    【CSS学习笔记-适合初学者】 CSS,全称Cascading Style Sheets,即层叠样式表,是网页设计中用于控制页面布局和样式的语言。它与HTML或XML(包括SVG、XHTML等)等标记语言配合使用,使得网页内容表现更加丰富、美观...

    CSS+DIV学习笔记(史上最实用的CSS笔记).docx

    【CSS+DIV学习笔记概述】 CSS(Cascading Style Sheets)是一种样式表语言,用于描述HTML、XHTML或XML(包括如SVG、MathML等各种XML方言)文档的呈现。CSS描述了如何在媒体(如屏幕、打印机)上展示元素。CSS与HTML...

    个人css学习笔记 精华版

    个人css学习笔记 精华版 CSS学习笔记中涵盖了CSS的基本概念、分类、基本语法、常用属性等知识点。下面将对这些知识点进行详细的解释和总结。 什么是CSS? CSS(Cascading Style Sheet)是一种样式表语言,用于...

    很好的css学习笔记,pdf格式(64页)

    ### CSS+DIV 学习笔记知识点总结 #### 一、CSS 概述 - **CSS 定义**:层叠样式表(Cascading Style Sheets, CSS)是一种用于定义网页表现形式的语言,它使得开发者能够独立地管理和控制文档的内容与样式。 - **CSS...

    韩顺平div+css笔记完整

    在网页设计中,`div+css`是一种常见的布局技术,用于实现网页的结构化和美化。`div`是HTML中的一个通用容器元素,用于组织和包裹其他HTML元素,而`css`则是层叠样式表,用来定义网页的样式、布局和视觉效果。`div+...

    html+css+div 笔记

    HTML(HyperText Markup Language)是用于创建网页内容的语言,而CSS(Cascading Style Sheets)则负责定义这些内容的外观和布局。div元素作为HTML中的一个通用容器,常用于组织和划分页面区域。 在HTML中,`&lt;body&gt;...

Global site tag (gtag.js) - Google Analytics