css教程菜鸟

css教程菜鸟

CSS（层叠样式表）是一种用于描述网页上的元素布局和样式的语言，它能够使网页更加美观和易于阅读。本文将介绍一些CSS的基础知识和常用属性，以帮助菜鸟入门。

首先，让我们了解一下CSS的基本语法。CSS由选择器和声明块组成。选择器指定了要应用样式的HTML元素，而声明块则包含了一系列属性-值对，用于描述要应用到元素上的样式。下面是一个简单的示例：

```

p {

color: red;

font-size: 20px;

}

```

上述代码中，选择器“p”表示要应用样式的HTML段落元素。声明块中的属性-值对指定了段落的文本颜为红，字体大小为20像素。

接下来，我们将介绍一些常用的CSS属性。

1. 字体属性：用于设置文本的字体样式，如字体大小、字体族等。例如：

```

p {

font-size: 16px;

font-family: Arial, sans-serif;

}

```

上述代码将段落的字体大小设置为16像素，字体族为Arial或者sans-serif。

2. 背景属性：用于设置元素的背景样式，如背景颜、背景图片等。例如：

```

body {

background-color: lightblue;

background-image: url("");

}

```

上述代码将页面的背景颜设置为浅蓝，背景图片为名为“”的图片。

3. 边框属性：用于设置元素的边框样式，如边框宽度、边框颜等。例如：

```

div {

border: 1px solid black;

}

```

上述代码将`