前言
html相当于骨架，css才能给html灵魂和肉体。
一、行类式
行内式又称之为内联式，是通过style属性来设置元素的样式。
注意：
语法中style是标签的属性，实际上任何HTML标签都拥有style属性，用来设置行内式，其中属性值的书写规范与css样式规则相同，行内式对其所有的标签及嵌套在其中的子标签起作用。
<标签名 style="属性1：属性值1；属性2：属性值2;">内容</标签名>
简单代码展示一下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小张张带你一脚踹开web开发的大门</title>
<body>
<h2 style="text-align: center;color:purple">周冬雨<h2/>
<p style="color:green"> 周冬雨，1992年1月31日出生于河北省石家庄市 [1-3] ，毕业于北京电影学院2011级本科班，中国内地影视女演员。
2010年，因主演张艺谋执导电影《山楂树之恋》被观众熟知，并凭借此片获得第14届中国电影华表奖优秀新人女演员奖、第56届西班牙巴利亚多利德国际电影节最佳女演员奖等多个奖项 [4-5]
。2014年，因主演青春爱情电影《同桌的你》获得第15届华语电影传媒大奖年度最受瞩目女演员奖，该电影中国内地票房4.56亿 [6-7] 。2015年，担任中国电影节形象大使 [8] 。
2016年，凭借电影《七月与安生》获得第53届台湾电影金马奖最佳女主角奖、第23届香港电影评论学会大奖最佳女演员奖、第2届金砖国家电影节最佳女主角奖等奖项 [9-11]
；同年，凭借爱情电影《谎言西西里》获得第8届澳门国际电影节最佳女主角奖，并主演谍战剧《麻雀》 [12-13] 。2017年，凭借电影《喜欢你》获得第9届中国电影导演协会年度女演员奖 [14]
。2018年，凭借青春文艺电影《后来的我们》获得第18届华语电影传媒大奖最受欢迎演员奖、提名第32届中国电影金鸡奖最佳女主角奖，该电影中国内地票房13.6亿 [15-18] 。2019年，主演电影《少年的你》，
凭借该电影获得第33届中国电影金鸡奖最佳女主角奖、第39届香港电影金像奖最佳女主角奖、第35届大众电影百花奖最佳女主角奖、第11届中国电影导演协会年度女演员奖等奖项，该电影中国内地票房15.58亿 [19-26]
。2019年和2020年，分别位列福布斯中国名人榜第7名和第3名 [27-28] 。2020年，获得新中国成立70周年新时代国际电影节全国十佳电影女演员奖 [29] 。</p>
<img alt="小张张的女神" src ="img/屏幕截图 2021-03-13 163049.png" width="1500px" high ="300px><p>
<p style="color:blue;"> 我喜欢小张张带我学习web开发！<p/>
<a href = "https://cn.bing.com/search?q=%E7%99%BE%E5%BA%A6%E4%B8%80%E4%B8%8B&form=ANNTH1&refig=b34327" target="_blank">百度一下，了解冬叔</a>
</body>
</html>
二、内嵌式
内嵌式是将css代码集中写在HTML文档的head头部标签中，并且用style标签定义，其基本语法格式如下：
<style type="text/css">
p {color: #000;font-size: 16px}
</style>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小张张带你一脚踹开web开发的大门</title>
<style>
h2{
text-align: center;}
p{
color:blue;}
</style>
</head>
<body>
<h2><span>周冬雨</span><h2/>
<p> 周冬雨，1992年1月31日出生于河北省石家庄市 [1-3] ，毕业于北京电影学院2011级本科班，中国内地影视女演员。
2010年，因主演张艺谋执导电影《山楂树之恋》被观众熟知，并凭借此片获得第14届中国电影华表奖优秀新人女演员奖、第56届西班牙巴利亚多利德国际电影节最佳女演员奖等多个奖项 [4-5] 。2014年，因主演青春爱情电影《同桌的你》获得第15届华语电影传媒大奖年度最受瞩目女演员奖，该电影中国内地票房4.56亿 [6-7] 。2015年，担任中国电影节形象大使 [8] 。
2016年，凭借电影《七月与安生》获得第53届台湾电影金马奖最佳女主角奖、第23届香港电影评论学会大奖最佳女演员奖、第2届金砖国家电影节最佳女主角奖等奖项 [9-11] ；同年，凭借爱情电影《谎言西西里》获得第8届澳门国际电影节最佳女主角奖，并主演谍战剧《麻雀》 [12-13] 。2017年，凭借电影《喜欢你》获得第9届中国电影导演协会年度女演员奖 [14] 。2018年，凭借青春文艺电影《后来的我们》获得第18届华语电影传媒大奖最受欢迎演员奖、提名第32届中国电影金鸡奖最佳女主角奖，该电影中国内地票房13.6亿 [15-18] 。2019年，主演电影《少年的你》，凭借该电影获得第33届中国电影金鸡奖最佳女主角奖、第39届香港电影金像奖最佳女主角奖、第35届大众电影百花奖最佳女主角奖、第11届中国电影导演协会年度女演员奖等奖项，该电影中国内地票房15.58亿 [19-26] 。2019年和2020年，分别位列福布斯中国名人榜第7名和第3名 [27-28] 。2020年，获得新中国成立70周年新时代国际电影节全国十佳电影女演员奖 [29] 。</p>
<img alt="小张张的女神" src ="img/屏幕截图 2021-03-13 163049.png" >
<p style="color:blue;"> 我喜欢小张张带我学习web开发！<p/>
<a href = "https://cn.bing.com/search?q=%E7%99%BE%E5%BA%A6%E4%B8%80%E4%B8%8B&form=ANNTH1&refig=b34327" target="_blank">百度一下，了解冬叔</a>
</body>
</html>
三.外链式
链入式是将所有的样式放在一个或多个以CSS为扩展名的外部样式表文件中，通过link标签将外部样式链接到HTML文档中，其基本语法格式如下：
<link href="Test.css" type="text/css" rel="stylesheet"/>
简单代码展示：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>CSS外链样式</title>
</head>
<body>
<div>
<h2>周冬雨</h2>
<p>周冬雨，1992年1月31日出生于河北省石家庄市 [1-3] ，毕业于北京电影学院2011级本科班，中国内地影视女演员。
2010年，因主演张艺谋执导电影《山楂树之恋》被观众熟知，并凭借此片获得第14届中国电影华表奖优秀新人女演员奖、第56届西班牙巴利亚多利德国际电影节最佳女演员奖等多个奖项 [4-5] 。2014年，因主演青春爱情电影《同桌的你》获得第15届华语电影传媒大奖年度最受瞩目女演员奖，该电影中国内地票房4.56亿 [6-7] 。2015年，担任中国电影节形象大使 [8] 。
2016年，凭借电影《七月与安生》获得第53届台湾电影金马奖最佳女主角奖、第23届香港电影评论学会大奖最佳女演员奖、第2届金砖国家电影节最佳女主角奖等奖项 [9-11] ；同年，凭借爱情电影《谎言西西里》获得第8届澳门国际电影节最佳女主角奖，并主演谍战剧《麻雀》 [12-13] 。2017年，凭借电影《喜欢你》获得第9届中国电影导演协会年度女演员奖 [14] 。2018年，凭借青春文艺电影《后来的我们》获得第18届华语电影传媒大奖最受欢迎演员奖、提名第32届中国电影金鸡奖最佳女主角奖，该电影中国内地票房13.6亿 [15-18] 。2019年，主演电影《少年的你》，凭借该电影获得第33届中国电影金鸡奖最佳女主角奖、第39届香港电影金像奖最佳女主角奖、第35届大众电影百花奖最佳女主角奖、第11届中国电影导演协会年度女演员奖等奖项，该电影中国内地票房15.58亿 [19-26] 。2019年和2020年，分别位列福布斯中国名人榜第7名和第3名 [27-28] 。2020年，获得新中国成立70周年新时代国际电影节全国十佳电影女演员奖 [29]</p>
</div>
<link href="E:\OneDrive\桌面\img\小张张带你0基础学习web开发.CSS" type="text/css" rel="stylesheet">
</body>
</html>
注意：
总结
区别：
内链式是指使用style属性在HTML标签中写css样式；
外链式是指将css样式单独写在一个以“.css”为扩展名的文件中，使用link标签引用；嵌入式使用style标签引用，在“”中单独写css样式。
1、href=""内部的就为css文件的地址一般以英文命名，比如 base.css或者style.css等等。
2、rel=“stylesheet” type=“text/css” 这是w3c的标准，固定写法不可修改。
3、标签位置一般写在标签之内。
我们在网站建设中，一般都会使用外部式写法，一来可以做到代码分离，有助于后期的修改维护；二来可以减少页面代码的冗余，有助于优化。
若有不对之处，
请多多指正。
在下方留下你的脚步。
( ﹡ˆoˆ﹡ )
扫一扫
1848
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
