返回

阿里校招面试题总汇:小结与收获

前端

在群里看到一个据说是阿里校招的面试题的图片,不得不感慨阿里的面试问的内容之广,前端、算法、数据结构、数学知识、网络、服务器等都有包含到。大量的题目都是自己的知识盲区或者答不全,所以花了两个星期对除了后端语言和MySQL的题都做了一遍,收获不少,记录于此。

  1. 字体系列属性:font-family

    • 作用:指定文本的字体系列。
    • 值:可以是字体系列的名称,也可以是通用字体系列名称,如 serif、sans-serif、monospace 等。
    • 示例:
p {
  font-family: Arial, sans-serif;
}
  1. 字号属性:font-size

    • 作用:指定文本的字号。
    • 值:可以是绝对单位(如 px、em、rem)或相对单位(如 %)。
    • 示例:
p {
  font-size: 16px;
}
  1. 行高属性:line-height

    • 作用:指定文本的行高。
    • 值:可以是绝对单位(如 px、em、rem)或相对单位(如 %)。
    • 示例:
p {
  line-height: 1.5em;
}
  1. 文本颜色属性:color

    • 作用:指定文本的颜色。
    • 值:可以是颜色名称(如 red、blue、green 等)、十六进制颜色代码(如 #FF0000、#00FF00、#0000FF 等)或 RGB 颜色代码(如 rgb(255, 0, 0)、rgb(0, 255, 0)、rgb(0, 0, 255) 等)。
    • 示例:
p {
  color: red;
}
  1. 文本对齐属性:text-align

    • 作用:指定文本的对齐方式。
    • 值:可以是 left、center、right 或 justify。
    • 示例:
p {
  text-align: center;
}
  1. 文本装饰属性:text-decoration

    • 作用:指定文本的装饰方式。
    • 值:可以是 none、underline、overline、line-through 或 blink。
    • 示例:
p {
  text-decoration: underline;
}
  1. 文本阴影属性:text-shadow

    • 作用:指定文本的阴影效果。
    • 值:可以是阴影的偏移量、颜色和模糊半径。
    • 示例:
p {
  text-shadow: 2px 2px 4px #000000;
}
  1. 文本变换属性:text-transform

    • 作用:指定文本的转换方式。
    • 值:可以是 none、uppercase、lowercase 或 capitalize。
    • 示例:
p {
  text-transform: uppercase;
}
  1. 文本溢出属性:text-overflow

    • 作用:指定文本溢出时的处理方式。
    • 值:可以是 clip、ellipsis 或 inherit。
    • 示例:
p {
  text-overflow: ellipsis;
}
  1. 白色空间属性:white-space

    • 作用:指定文本中的空白字符的处理方式。
    • 值:可以是 normal、nowrap、pre 或 pre-line。
    • 示例:
p {
  white-space: nowrap;
}