CSS

121 阅读2分钟

属性指定背景图像是应该滚动还是固定的 fixed(固定) scroll(滚动)

background-attachment: fixed;

背景属性定位 [background-position]

background-position:center;

边框样式

border-style 属性指定要显示的边框类型。

允许以下值:

  • dotted - 定义点线边框 p.dotted {border-style: dotted;}
  • dashed - 定义虚线边框 p.dashed {border-style: dashed;}
  • solid - 定义实线边框 p.solid {border-style: solid;}
  • double - 定义双边框 p.double {border-style: double;}
  • groove - 定义 3D 坡口边框。效果取决于 border-color 值 p.groove {border-style: groove;}
  • ridge - 定义 3D 脊线边框。效果取决于 border-color 值 p.ridge {border-style: ridge;}
  • inset - 定义 3D inset 边框。效果取决于 border-color 值 p.inset {border-style: inset;}
  • outset - 定义 3D outset 边框。效果取决于 border-color 值 p.outset {border-style: outset;}
  • none - 定义无边框 p.none {border-style: none;}
  • hidden - 定义隐藏边框 p.hidden {border-style: hidden;}
  • 混合边框 p.mix {border-style: dotted dashed solid double;} border-style 属性可以设置一到四个值(用于上边框、右边框、下边框和左边框)。

圆角边框

border-radius 属性用于向元素添加圆角边框:

  border: 2px solid red;
  border-radius: 5px;

外边距 margin

margin: auto: 该元素将占据指定的宽度,并且剩余空间将在左右边界之间平均分配。 水平居中

外边距合并

外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

当一个元素包含在另一个元素中时(假设没有内边距或边框把外边距分隔开),它们的上和/或下外边距也会发生合并。

图片.png

内边距 padding

padding 属性用于在任何定义的边界内的元素内容周围生成空间。 CSS width 属性指定元素内容区域的宽度。内容区域是元素(盒模型)的内边距、边框和外边距内的部分。

CSS 高度和宽度值

height 和 width 属性可设置如下值:

  • auto - 默认。浏览器计算高度和宽度。
  • length - 以 px、cm 等定义高度/宽度。
  • % - 以包含块的百分比定义高度/宽度。
  • initial - 将高度/宽度设置为默认值。
  • inherit - 从其父值继承高度/宽度。 height 和 width 属性不包括内边距、边框或外边距!它们设置的是元素的内边距、边框和外边距内的区域的高度/宽度!