<p style="font-size: 12pxfont-weight:boldfont-style:italiccolor:red">By adding inline CSS styling to the></p>
2.嵌入样式 嵌入样式的应用范围仅限于当前页面。页面样式会覆盖外部样式表中的样式，但会被行内样式覆盖。
<head>
<style type="text/css">
h1 {font-size:16px}
p {color:blue}
</style>
</head>
3.链接样式
<link href="styles.css" rel="stylesheet" type="text/css" />
样式的写法
例子如下
1 ) p {color:redfont-size:12pxfont-weight:bold}
2 ) h1 {color:bluefont-weight:bold}
h2 {color:bluefont-weight:bold}
h3 {color:bluefont-weight:bold}
3）假设，你在写完前面那条规则后，又想只把h3变成斜体，那可以再为h3写一条规则：
h1, h2, h3 {color:bluefont-weight:bold}
h3 {font-style:italic}
CSS三种引入方式：1. 通过外部样式表（external style sheets）引入；
2. 通过内部样式表（internal style sheets）引入；
3. 通过内联样式（inline styles）引入。
拓展：
外部样式表是指将所有的样式定义保存在单独的文件中，然后通过HTML标签引入到文档中，这种方式能够让样式在多个文档中重复使用，减少代码量，方便管理。
内部样式表是指将样式定义保存在HTML文档中，通过标签将样式定义以内部样式表的形式嵌入到文档中。
内联样式是指将样式定义直接写在HTML元素的style属性中，这种方式最为灵活，但容易使代码冗余，影响维护。
1、使用链接式
<link href="style.css" rel="stylesheet" type="text/css" />
2、使用导入式
<style type="text/css">
@import "style.css"
</style>
扩展资料：二者的区别
导入式和链接式的目的都是将一个独立的css文件引入一个文件中，二者的区别不大，事实上，二者最大的区别在于链接式使用html的标记引入外部css文件，而使用导入式则是使用css规则引入外部css文件，因此它们的语法也不同。
采用这两种方式后的现实效果也略有区别。使用链接式时，会在装载页面主体部分 之前装载css文件，这样现实出来的页面从一开始就是带有样式效果的，而使用导入式时，会在整个页面装载完成之后再装载css文件，
对于有的浏览器来说， 在一些情况下，如果页面文件的体积比较大，则会出现先现实无样式的页面，闪烁一下之后再出现设置样式的效果。从浏览者的感受来说，这是使用导入式的一个缺陷。
