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

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

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

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

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

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

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

相关推荐

    CSS网页布局学习笔记

    非常好的CSS网页布局学习笔记, 内共有15章的CSS实例,学习CSS的好帮手

    搞定div+css布局

    这是传智播客黑马程序设计培训中老师讲解的css+div布局的笔记。借鉴学习

    css网站布局实录学习笔记第三部分网页布局与定位

    第三章 CSS网页布局与定位 3.1 div 几乎XHTML中的任何标签都可以用于浮动与定位,而div首当其冲。对于其他标签而言,往往有它自身存在的目的,而div元素存在的目的就是为了浮动与定位。 3.1.1 div是什么 div是XHTML...

    HTML_CSS学习笔记.docx

    基本的HTML操作,来自IMOOC的学习笔记。 1 1. HTML介绍 4 1.1. HTML与CSS的关系 4 1.2. 标签 4 1.3. HTML5文档结构 5 1.4. head标签 7 1.5. body标签 8 1.6. html注释 8 2. HTML5语义化标签 8 2.1. 语义化 8 2.2. ...

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

    HTML源码以及板书文档说明

    html.css.javascript-学习笔记.doc

    HTML、CSS、JavaScript 学习笔记 HTML 篇: 一、HTML 的相关介绍 1. HTML 的介绍 HTML(HyperText Markup Language)是用于创建网页的标记语言。它是一种标准通用标记语言,使用标签来标记网页中的元素,从而...

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

    HTML源码以及板书文档说明

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

    HTML源码以及板书文档说明

    css个人笔记

    css个人学习笔记,div+css,布局

    css网页布局学习笔记(光盘代码)

    为了方便读者使用光盘的实例代码,作者在光盘中按照章节创建每一章中实例代码的目录。例如,第6章的代码存储在“X:\chapter6”目录下(X为光盘驱动号)。其中文件夹Scripts的代码是后面几章的flash动画播放时所需要...

    css入门笔记

    独立于任何网页位置处,声明一个样式文件(.css为后缀),在文件中声明样式,在使用的网页中引入.css文件。 使用步骤: 1.创建样式表文件(.css) 2.在样式文件中编写样式规则 3.在网页中对样式文件进行引入 &lt...

    一列固定宽度布局和背景图片绝对定位的实现代码

    接下来先为body编写CSS代码:(方法还是和“我的第一张css+div布局网页”一样,用鼠标编代码,呵呵!) body { margin: 0px; padding: 0px; background-attachment: fixed; background-image: url(images/tupian/

    一列固定宽度布局和背景图片绝对定位

    一列固定宽度网页用于我的学习笔记,很不错吧。...2.接下来先为body编写CSS代码:(方法还是和“我的第一张css div布局网页”一样,用鼠标编代码,呵呵!) body { margin: 0px;padding: 0px;background-attachme

    asp学习笔记

    asp基础HTML语言 用来描述网页/网站布局的标签语言 asp.net jsp php 1/必要格式 &lt;html&gt; &lt;head&gt; &lt;title&gt;欢迎来到学习HTML语言&lt;/title&gt; &lt;/head&gt; &lt;body&gt; 123456 &lt;/body...

    web前端学习总结(精华版).pdf

    4. 图片定位:图片元素放置到一个静态的、相对的、绝对的、或固定的位置中,利用CSS中对图片进行遮罩属性,多用于页面中的修饰图。 5. 底图:页面中在标签中使用的背景图。 6. 齐底线:用于区分横切或碎片结束的线或...

    那些年,我还在学习asp.net(二) 学习笔记

    那些年,我还在学习asp.net(二) 那些年觉得看视频是很轻松的了解一个东西,但是这样的不足就是...2、 CSS+DIV的学习,撑握基本的布局 3、 Javascript基础。在初期,特别是对DOM的操作。 4、 了解asp.net的基本控件

    fylo-dark-theme-landing-page-created-by-austinet

    这是的解决方案。 前端导师挑战通过构建现实项目帮助您提高编码技能。... 我习惯于浮动和 CSS Box 模型来定位我的内容和样式我的布局。 这要容易得多,尤其是创建响应式网站。 &lt; div class =" container

    斐波那契:Flexbox页面布局编辑器

    Fibonacci是内部工具的分支,该工具的创建是为了让非开发人员可以使用Flexbox设计页面布局,而无需学习HTML或CSS。 现场演示 斐波那契以空白&lt;div&gt;开头,然后可以将其拆分为您的心脏内容。 它会生成在您自己的页面中...

    思库教育PHP零基础培训+进阶课程+PHP项目开发实战 21G PHP零基础学习视频教程.txt

    │ ├5div布局小案例(民生银行)上.lxe │ ├6div布局小案例(民生银行)下.lxe │ ├7 CSS .lxe │ ├8经常犯的错误大整理.lxe │ ├9 ul+ul去点+外边距+浮动.lxe │ ├&lt;html&gt; │ │ ├[思库教育]第三集 基本...

Global site tag (gtag.js) - Google Analytics