美文网首页
盒模型的一些属性

盒模型的一些属性

作者: DRBIN | 来源:发表于2016-08-12 08:32 被阅读14次

margin外边距

padding内边距

margin:10px代表所有的外边距

margin:10px 20px 30px 40px 上右下左

margin:10px 20px(上下 左右)

margin:10px 20px 30px 上 右左 下

背景属性

background(color url  repeat attachment  postion)

background-image:(url)

background-color背景色

background-image背景图片

background-repeat背景重复

background-size背景图片尺寸

background-attachment背景图片的固定(fixed不动 scroll滚动)

background-postion背景定位(x y x% y% left right center bottom top)

background-clip背景绘制区域(border-box加到边框里   padding-box加到内边距框里  content-box加到内容里

)

background-origin背景的定位区域

(border-box加到边框里   padding-box加到内边距框里  content-box加到内容里

)

background-repeat可取值为(repeat全重复  repeat-x在水平方向重复  repeat-y在垂直方向重复 no-repeat 显示一次)

图片位置的移动(放一个容器里如:div)body{

background-image: url("taobao_logo.png");

background-repeat: no-repeat;

}

#mydiv{

width: 200px;

height: 300px;

background-image: url("taobao_logo.png");

background-repeat: no-repeat;

margin-left: 200px;

margin-top:400px;

background-size:宽度 高度;(contain放大到足够的尺寸   cover放大,显示可能不全,背景完全覆盖整个区域)

相关文章

  • css盒模型

    盒模型包括哪些属性? 盒模型 盒模型的属性:(从内到外)width、padding、border、margin w...

  • 前端基础(问答6-1)

    keywords:盒模型 盒模型包括哪些属性

  • 任务9-盒模型

    盒模型包括哪些属性? 盒模型: Paste_Image.png 盒模型包括属性有: margin:外边距 bord...

  • Box-Model-Assignment

    1.盒模型包括哪些属性 以上图为例,去阐述盒模型的各个属性: content属性:规定内容区域,在标准盒模型中,宽...

  • CSS学习笔记2

    css常用属性 盒模型 包含:内容、padding、border、margin 盒模型相关属性 内容属性 widt...

  • CSS盒模型和BFC

    盒模型 盒模型分为IE盒模型和W3C标准盒模型。 IE盒模型 IE盒模型也称border-box。属性width,...

  • 任务9

    盒模型包括哪些属性?盒模型的属性:border(边框) margin (外边距)padding (内边距)。 t...

  • 前端基础(盒模型)九

    问答 1. 盒模型包括哪些属性 盒模型的属性包括width、height、padding、margin、borde...

  • 盒模型

    1.盒模型包括哪些属性 由上图可知,盒模型属性包括: content padding border margin ...

  • 盒模型

    1.盒模型包括哪些属性 盒模型是css中元素大小的呈现方式,每一个元素都有盒模型。 margin属性,margin...

网友评论

      本文标题:盒模型的一些属性

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