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

CSS 与 语法

简介

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