文章目录
一、CSS引入方式（样式表）
（一）内部样式表（嵌入式）
- 内部样式表是写到HTML页面内部的，将所有的CSS代码抽离出来，单独放到一个
<style>标签 <style>标签理论上可以放到HTML文档的任何地方，但是一般会放在稳当的<head>标签中- 此方式方便控制当前整个页面中的元素样式设置
- 代码结构清晰，但并没有实现结构和样式完全分离
（二）行内样式表（行内式）
<div style="color:red font-size:12px;">
- 行内样式表是在元素标签内部的style属性中设定CSS样式，适用于修改简单的样式
- 在双引号中间，写法要符合CSS规范
- 可以控制当前的标签设置样式
- 没有体现出结构与样式相分离
（三）外部样式表（链接式）
1.外部样式表的核心是样式单独写到CSS文件中，之后把CSS文件引入到HTML页面中使用
2.引入外部样式表分为两步：
a.新建一个后缀名为.css样式文件，把所有css代码都放到此文件中
b.在HTML页面中，使用link标签引入这个标签
<link rel="stylesheet" href="css文件路径">
二、CSS字体样式
定义字体系列，大小，粗细和文字样式
（一）字体系列（font-family）
（二）字体大小（font-size）
（三）字体粗细（font-weight）
（四）字体样式（font-style）
（五）字体复合属性（font）
p {
font: font-style font-weight font-size/line-height font-family;
}
不能更换顺序，必须保留font-size和font-family
三、CSS文本属性
定义文本外观，如：文本颜色，对齐文本，装饰文本，文本缩进，行间距等
（一）文本颜色（color）
（二）对齐文本（text-align）
(三）装饰文本（text-decoration）
（四）文本缩进（text-indent）
（五）行间距（line-height）
版权声明：本文为weixin_65548623原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。