哈喽大家好~万年不更（bushi）的作者更新啦，先来一个自我介绍：我是笔者梁轶铭~此文章归属于Python系列~
好啦，今天我们要学习的是CSS，话不多说，我们直入正题
- 认识CSS
CSS全称Cascading Style Sheets，意为层叠样式表，和HTML一样，它是一种标记语言，而CSS的用处就是去修饰HTML，打扮、装饰HTML，让网页更加美观。
- CSS基础
哈哈哈，大家学HTML1的时候，我花了五六百字才开始进入正题，今天我们直接开 始 学 习！
上一次我们学完HTML以后，我们的网页是这样的……
（图片为笔者作品，非网图）
这个背景是纯白色，太过单一，那么我们如何去进行美化呢？这时我们就要用到CSS了
CSS作品格式：文件名.css
接下来，我们要学习给字体染色。
1.<html>
2.<head>
3. <meta charset=”utf-8”>
4. <title>自我介绍</title>
5.</head>
6.<body>
7. <h1>自我介绍</h1>
8.</body>
9.</html>- <html>
- <head>
- <meta charset=”utf-8”>
- <title>自我介绍</title>
- </head>
- <body>
- <h1>自我介绍</h1>
- </body>
- </html>
大家在body里面看到了什么标签？
没错，是h1，这时，如果我们想将它染成红色该怎么办呢？
在CSS的格式如下
标签名{
属性:属性值;
属性:属性值;
……
属性：属性值;
}
注意：
- 在写标签名的时候，千万不要加尖括号<>；
- 注意在标签名后面和最后加上花括号{}；
- 里面的属性、属性值每写完一个，就要用分号“；”隔开，在最后一个属性值的后面也要加。
那么，我们如何染色呢？
这时我们就要用到color属性，属性值就是颜色。
我们平时用到的颜色
都是干货哈，可以保存图片。
改成红色就是red，所以我们可以这么写：
h1{
color:red;
}
那么是否完事了呢？
我们可以去HTML那一端看一看
运行：
自我介绍
来，我来给大家讲一讲为什么没有染上色
我问一问大家，请问你在HTML中指定用CSS了吗？
如果有两个CSS，一个让染红，一个让染绿，计算机敢用吗？
很明显不能，这时我们要指定计算机去用哪一个，在HTML中就要用到link标签
使用CSS的格式如下：
<link href=“/CSS文件路径” rel=“stylesheet”>
此时我们运行：
自我介绍
欧耶！成功了！
好的，我们课间休息，下次继续~我是笔者梁轶铭，拜拜~
本文由小科云团队原创出品，作者梁轶铭，未经许可禁止转载。
暂无评论内容