BODY 3链接外部CSS样式，现在创建一个css样式表文件4这里鼠标右键单击选择将链接存储在css文件夹中5在html文件中写下链接代码，代码如下ltlink rel =“stylesheet”type =“text css”href =“css indexcss”6之后，您可以看到HTML文件的源代码并查看我们连接的css文件。

CSS的引入方式共有三种行内样式内部样式表外部样式表一行内样式 使用style属性引入CSS样式示例lth1 style=quotcolorredquotstyle属性的应用lth1 ltp style=quotfontsize14pxcolorgreenquot直接在HTML标签中设置的样式ltp 实际在写页面时不提倡使用，在测试的时候可以使用例如lt。

html如何跟css链接1首先，下载html5开发软件IntellijIDEA，这个直接在百度搜索框中搜索即可打开软件，点击file，选择Newproject，在弹出的对话框中，选择staticweb选项中的html5，点击next，在新对话框中，输入项目名称，点击finish2首先打开DreamweaverCC2018软件新建一个html文件，在右上角点击CSS设计。

HTML 中引入 CSS 的方式 有 4 种方式可以在 HTML 中引入 CSS其中有 2 种方式是在 HTML 文件中直接添加 CSS 代码，另外两种是引入 外部 CSS 文件下面我们就来看看这些方式和它们的优缺点内联方式 内联方式指的是直接在 HTML 标签中的 style 属性中添加 CSS示例ltdiv style=quotbackground。

对于一些比较大的网站，为了便于维护，可能会希望把所有的css样式分类别放到几个CSS文件中，这样如果使用连接式引入，就需要几个语句分别导入CSS文件如果要调整CSS文件的分类，就需要同时调整HTML文件，这对于维护工作来说，是一个缺陷，如果使用导入式，则可以只引进一个总的CSS文件，在这个文件中再导入。

3Html页面渲染时，css文件能够被同时加载4结构与表现分离，便于后期维护二 适用于多个页面需要相同样式内容的时候使用 三 书写位置新建单独的后缀名为css文件，使用link标签引入到html页面中，将link标签放到Html页面的head标签中 例rel规定当前文档与被连接文档之间的关系href规定为。

html有三种写css的方式行内式，就是直接把样式写在html标签上，通过style属性内嵌式，就是在head标签中在创建个stylw标签，通过选择器来给标签设置样式外联式，就是在head标签中创建link标签，通过href引入其他的css文件，如下图。

1当我们不导入外部CSS样式表时，我们通常用html编写样式，两种方式使我们共同，第一种为下图2一行代码引入外部的CSS文件即可linkrel=stylesheethref=cssstylecss这样css文件就与HTML链接起来了这里要注意的是html里的ID选择器和类选择器要对应上3首先打开DreamweaverCC2018软件新建一个html文件。