CSS BODY AND PRE - CSS (1)

📌 相关文章

📜 CSS BODY AND PRE - CSS (1)

📅 最后修改于: 2023-12-03 15:14:17.781000 🧑 作者: Mango

CSS BODY AND PRE - CSS

介绍

CSS（Cascading Style Sheets）是一种用于描述网页内容（HTML、XML等）外观和格式的语言。其中<body>是HTML中最重要的元素之一，表示文档的主体部分。在CSS中，我们可以使用一些属性来定义<body>的样式，比如背景颜色、字体大小、行高等等。另外，在编写代码时，我们也可以使用一些预处理器（pre-CSS）来简化CSS的编写。

CSS 属性

背景颜色

设置<body>背景颜色可以使用background-color属性，其取值可以为颜色关键字，RGB值，16进制颜色值等等。

body {
  background-color: #f2efae;
}

行高

设置<body>中文字的行高可以使用line-height属性，其取值可以为像素值、em值、百分比值等等。

body {
  line-height: 1.5;
}

Pre-CSS

Sass

Sass是一种比CSS更强大的样式表语言，它扩展了CSS并且使得CSS代码更加简洁易懂。Sass支持使用变量、函数、嵌套规则以及其他高级功能。

$background-color: #f2efae;
$font-size: 16px;
$line-height: 1.5;

body {
  background-color: $background-color;
  font-size: $font-size;
  line-height: $line-height;
}

Less

Less是一种基于CSS但比CSS更强大的预处理器语言，它扩展了CSS并且支持使用变量、嵌套规则、函数等等。

@background-color: #f2efae;
@font-size: 16px;
@line-height: 1.5;

body {
  background-color: @background-color;
  font-size: @font-size;
  line-height: @line-height;
}

总结

CSS的<body>元素具有很多样式属性，可以自由定义网页的外观和格式。另外，通过使用一些预处理器，我们可以使得CSS代码更加简洁易懂，提高开发效率。