梦入琼楼寒有月，行过石树冻无烟

CSS 与 语法

2022-04-21

简介

CSS是指层叠样式表（Cascading Style Sheets），也可以理解为在<style>标签中的语法另写为“title.css”。

语法（class）

通常CSS语法主要为以下实例:

1
2
3
4
5
6
7
/* 
第一种写法 
*/
.title {
    color: red;
    text-align: center;
}

当然你也可以写成如下实例：

1
2
3
4
/* 
第二种写法
*/
.title{color: red;text-algn: center;}

通常我们在文件中格式一般为第一种，主要可增加代码可读性。但是第二种也可以在<p style=”color: red;text-algn: center;”>中。

语法（id）

通常可以使用Class或者id等两个语法来引用CSS样式，其具体可能和Class的CSS语法有所不同如：

直观：

1
2
3
4
#title {
    color: red;
    text-align: center;
}

单行：

1
#title {color: red;text-align: center;}

引入CSS样式

Calss（class=”title”）

Hello,world!

1
2
3
4
5
6
7
8
9
10
11
12
<style>
/* 
第一种写法 
*/
.title {
    color: red;
    text-align: center;
}
</style>
<body>
   	<p class="title">Hello,world!</p>
</body>
Id （id=”title”）

Hellp,world!

1
2
3
4
5
6
7
8
9
<style>
    #title {
        color: red;
        text-align: center;
    }
</style>
<body>
    <p id="title">Hellp,world!</p>
</body>
ID DE FA
color 颜色 Style
text-align 位置 Style
⬅️ Go back