在这篇文章中,我们会接触到三种将CSS应用到HTML中的方法,分别是内联、插入,以及样式表(link)。
内联
使用style
属性直接插入Html:
<p style="color:orange">ok</p>
p的颜色会变成橘色。
插入
使用
<style>
p{color:orange;}
</style>
<p>orange</p>
p即选择器,color即属性,:
如HTML中的=
,而orange正是每个属性所对应的值。
这句代码会使所有p元素的颜色变为橘色。
外联
外部样式用于多页网站,有一个单独的CSS文件。
p{font-size:2rem;}/*字体大小为2rem*/
将此代码存储与HTML同一个目录中,命名为style.css
。
接下来可以在HTML中应用此文件:
<head>
<link rel="stylesheet src="style.css"/>
</head>
注意必须在head标签中使用!
快应用起来吧!