高速通道
HTML结合CSS
引入CSS之内联式
css代码直接写在要设置样式的HTML开始标签中,如果有多条css样式代码中间用英文分号隔开。如下代码:
<p style= "color:red; font-size:12px">设置文本颜色和大小</p>
引入CSS之嵌入式
内联式css代码虽然简单,但是一旦需要设置的样式复杂起来,HTML代码看起来就会显得很混乱。
使用嵌入式CSS样式就可以解决这个问题。把css代码写在<style></style>
标签之间。如下代码:
<style>
span{
color:green;
}
</style>
上面代码设置span标签内元素颜色为绿色,嵌入式css样式写在<head></head>
标签之间。
引入CSS之外部式
外部css样式也称为外联式,把css代码写在一个单独的外部文件中,文件以“.css”为扩展名,在<head>
内使用<link>
标签将css外部文件链接到HTML文件中。如下代码:
<link href="demo.css" rel="stylesheet" type&#