CSS可以通过以下三种方式添加到HTML中，分别是：内联样式，在HTML元素中使用"style" 属性；嵌套样式 ，在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS代码；外联样式，使用外部 CSS 文件。我们在实际开发中最常用的便是第三种，下面为大家介绍这三种引入CSS代码的写法。
具体介绍：
内联样式
当特殊的样式需要应用到个别元素时，就可以使用内联样式。使用内联样式的方法是在标签中使用样式属性，样式属性可以是任何 CSS 属性。其作用范围是在当前标签内，使用较少，代码为：
<div style="color:blue;font-size:20px">新增区域</div>
【推荐：html在线手册】
嵌套样式
当单个文件需要特别样式时，就可以使用嵌套样式。通过在<head> 部分定义<style>标签书写嵌套样式，在<style>标签中可以使用标签选择器，类选择器，id选择器等去给标签设置属性，如下图所示。
外联样式
当样式需要被应用到很多页面的时候，将会使用外联样式，通过更改一个文件来改变所以页面的样式。此时我们需要在<head>标签中引入<link>标签：
<link rel="stylesheet" type="text/css" href="a.css">
href中为需要引入的css文件，如下图所示。
单独的css文件是以.css为后缀名的文件，在该文件内可以直接设置标签样式，不需要包在<style>标签里，如下图所示。
当我们想为某一个元素设置特殊样式的时候，可以将该元素写在<span></span>标签内，因为<span>标签没有特殊的语义，适合单独设置样式，如下图所示。
注意事项
外联样式是开发中普遍使用的写法。
更多web前端知识，请查阅 HTML中文网 ！！
以上就是HTML怎么写css样式？的详细内容，更多请关注0133技术站其它相关文章！
