css
...大约 1 分钟
css
简介
CSS(即级联样式表)为网页设计和开发提供了一个全新的方法。通过 CSS,您可以将使用 HTML(即超文本标记语言)创建的网页上显示的文本与用于描述如何显示和表示该文本(使用 CSS 进行定义)的信息完全分隔开。
CSS 旨在解决问题并帮助您节省时间,同时它还使您能够以更多的方式设计网页外观。虽然这可能是您第一次听说 CSS,但之前您已经多次看到它的操作。下面是一个典型的示例:某些网页以特定的方式突出显示其链接。它们的颜色不同于该页上其他文本的颜色,并且将鼠标移动到这些链接上方时,它们的颜色会发生变化或者出现下划线。此操作就是通过 CSS 样式定义而不改动 HTML 代码来实现的。我们会在本指南中介绍此类示例。
为了能够看懂本指南,您需要事先了解一些有关 HTML 的知识。我们将 HTML 作为基础并在此基础上进行构建,以向您介绍显示和展现网页内容时可以使用的其他功能。
css演示
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Hello World</title>
</head>
<body>
<div id="app">
<h1>Hello World</h1>
<div class="box"></div>
</div>
</body>
</html>
#app {
display: flex;
justify-content: center;
align-items: center;
background: red;
}
.box {
width: 100px;
height: 100px;
background: #0f4224;
}
Powered by Waline v2.15.5