最新要闻

广告

手机

iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

 警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

家电

  1. 首页
  2. 移动通信
  3. 内容

CSS常用属性

来源：博客园

颜色

  1. RGB

    （红，绿，蓝）三种颜色的集合，最低值是0（十六进制00）到最高值255（十六进制FF）


    (资料图)

  2. HSL

    H色相（0-360），S饱和度（百分比），L亮度（百分比）

  3. （不）透明度

    rgba、hsla（新版浏览器可不写a，直接写4个值）

line-height

行间距（letter-spacing字母间间距，word-spacing单词间距 ）

值描述
normal默认。设置合理的行间距。
number设置数字，此数字会与当前的字体尺寸相乘来设置行间距。
length设置固定的行间距。
%基于当前字体尺寸的百分比行间距。
inherit规定应该从父元素继承 line-height 属性的值。

background

1. background-position

background-position属性用于指定背景图像的位置。它可以采用的取值及其含义如下：

  • length：用长度值指定背景图像的位置，取值范围为像素、百分比等。
  • percentage：用百分比值指定背景图像的位置，表示相对于背景区域宽度和高度的百分比。
  • left/center/right：用关键词指定背景图像的水平位置，取值为 left表示左对齐，取值为 center表示居中，取值为 right表示右对齐。
  • top/center/bottom：用关键词指定背景图像的垂直位置，取值为 top表示顶端对齐，取值为 center表示居中，取值为 bottom表示底部对齐。
  • x y：用坐标值指定背景图像的位置，表示相对于背景区域左上角的坐标值。

2. background-size

background-size属性用于指定背景图像的大小。它可以采用的取值及其含义如下：

  • length：用长度值指定背景图像的宽度和高度，取值范围为像素、百分比等。
  • percentage：用百分比值指定背景图像的宽度和高度，表示相对于背景区域宽度和高度的百分比。
  • auto：背景图像自适应宽度和高度。
  • cover：拉伸或压缩背景图像使其填充整个背景区域，可能会导致背景图像被裁剪。
  • contain：拉伸或压缩背景图像使其全部显示在背景区域中，可能会在背景区域内留有空白。

3. background-repeat

background-repeat属性用于指定背景图像的重复方式。它可以采用的取值及其含义如下：

  • repeat：沿x轴和y轴重复背景图像，以填充整个背景区域。
  • repeat-x：沿x轴重复背景图像，y轴方向不做处理。
  • repeat-y：沿y轴重复背景图像，x轴方向不做处理。
  • no-repeat：不重复背景图像，只在背景区域内呈现一次。

复合写法：

background: url或颜色 no-repeat center/cover;

斜杠不能少未完待续......

关键词：