本文介绍了CSS的基本概念，包括外联式、内嵌式和行内样式三种引入方式，并详细讲解了常用的文本样式、列表样式、背景图片样式和浮动样式，帮助初学者掌握CSS基本用法。
一、CSS概念
CSS是指层叠样式表(Cascading Style Sheets)，它的功能就是定义HTML各个标签在网页中的展示样式，让网页更美观。
二、CSS的引入方法
2.1 外联式引入CSS
1.新建一个XXX.css文件，该文件的内容为各个标签的样式
2.在需要使用该样式的html文件的头部输入一下代码
<link rel="stylesheet" href="">
3.在href中写入XXX.css的相对路径
实际开发中常用
2.2 内嵌式引入CSS
在html文件的头部输入以下代码，可以定义div的样式
<style>
div{
border: 1px;
height: 300px;
width: 500px;
}
</style>
通常用在首页
2.3 行内样式
<body>
<div style="background-color: red;height: 300px;width: 500px;"></div>
</body>
行内样式一般只用于开发人员进行测试
三、常用的CSS样式
3.1 常用文本样式
1.color 字体颜色
2.font-size 字体大小 默认16px
3.font-family 字
最低0.47元/天 解锁文章
372
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
