美文网首页
CSS第三节(第七天)

CSS第三节(第七天)

作者: web小杨 | 来源:发表于2017-03-02 10:31 被阅读0次

1.认识个模型

2.盒模型相关属性

3.盒模型边距合并


1.认识盒模型:

所谓盒子模型就是把HTML中的元素看作是一个矩形的而盒子,每个举行都有内容、内边距、边框、外边距组成

盒子:边框+内边距+内容区域+外边距组成

2.盒模型相关属性

top上、left左、bottom下、right右

*height和width是设置div内容高和宽的属性

*padding是设置内边距宽度的属性

*margin是设置外边距宽度的属性

*border是设置边框宽度的属性

3.盒模型边距合并

*外边距合并div1-margin-bottom20px、div2-margin-top30px,实际两个盒子的外边距是以30px

相关文章

  • CSS第三节(第七天)

    1.认识个模型 2.盒模型相关属性 3.盒模型边距合并 1.认识盒模型: 所谓盒子模型就是把HTML中的元素看作是...

  • CSS第三节:CSS进阶

    盒子模型的概念 盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元素...

  • CSS第三节:CSS进阶

    1. 去掉图片的边框(有的老的浏览器里图片是有边框的)为了兼容我们经常去掉边框如下 2. div.box$*3 ...

  • CSS第三节

    CSS第三节 CSS盒模型 网页中所有的元素都是矩形的,所以可以看出一个个盒子。 网页由多个盒子组成。 盒子:边框...

  • css第三节

    CSS装修学习在css的div里写text-align可以调整文本框内容显示方法,center是居中显示。在文本显...

  • css第三节

    盒子模型 padding 内边距 margin:外边距 border:盒子 width:元素宽 height:元素...

  • 读后感-07-0302-管理就是带队伍

    今天是打卡的第七天,今天阅读第三章的第三节和第四节。 第三节:空降兵不一定是英雄,多从公司内部选拔人才。 俗话说“...

  • 3.CSS 学习笔记第三节/字体属性和文本属性

    CSS 学习笔记第三节/字体属性和文本属性 1.字体 下面开始详细的属性介绍,Let's rock and rol...

  • css第三节(1)

    1、css盒模型 把html页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器,每个矩形由内容(有widt...

  • css第三节(2)

    1、css外边距margin margin-top:上外边距 margin-right:右外边距 margin-b...

网友评论

      本文标题:CSS第三节(第七天)

      本文链接:https://www.haomeiwen.com/subject/xquawttx.html