CSS学习笔记

最新推荐文章于 2024-07-19 14:58:51 发布

原创最新推荐文章于 2024-07-19 14:58:51 发布 · 461 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#网站制作

网站制作专栏收录该内容

3 篇文章

订阅专栏

一、 CSS基本语法

<!DOCTYPE html>
<html>
<head>
<style>
p
{
color:red;
text-align:center;
}
</style>
</head>

<body>
<p>Hello World!</p>
<p>This paragraph is styled with CSS.</p>
</body>
</html>

id:

#para1
{
text-align:center;
color:red;
}
</style>
</head>

<body>
<p id="para1">Hello World!</p>
<p>This paragraph is not affected by the style.</p>
</body>
</html>

class 选择器:

<!DOCTYPE html>
<html>
<head>
<style>
.center
{
text-align:center;
}
</style>
</head>

<body>
<h1 class="center">Center-aligned heading</h1>
<p class="center">Center-aligned paragraph.</p>
</body>
</html>