css第三节

作者: markling | 来源:发表于2017-02-25 23:17 被阅读2次

盒子模型

padding 内边距

margin:外边距

border:盒子

width:元素宽

height:元素高

border-bottom-color;底部颜色

padding;内边距top bottom left right

padding:上 右 下 左顺序;

内边距享有背景色

margin;外边距

margin-top:上外边距;

margin-right;右外边距

margin-left;左外边距

margin-bottom:底外边距;

margin:10px 200px;上下10px 左右200px

margin:0px 20px 30px 40px;上0 右20 下30 左40

margin:0 auto;让div水平居中显示

margin bottom和top  对于行内元素无影响 仅水平(左右)起作用

padding bottom和top 对于行内元素无影响

相邻的2个div(块级元素)的上下边距不叠加,以最大值合并

当块级元素进行嵌套的时候,如果父盒子没有设置上边框和上内边距的话,

子盒子的上外边距和复盒子的上外边距会进行合并。

相关文章

  • 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:元素...

  • 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?

    什么是CSS css的概念 -css翻译过来层叠样式表 一个网页由一个一个方块构成 做网页也是由各种方块构成 如何...

  • html+css初识(第三节)

    本小节主要介绍列表标签, 标签,以及 标签的使用。下面还是通过一段代码详细了解各个标签的作用: ①信息列表标签,分...

网友评论

    本文标题:css第三节

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