CSS样式的引入方式
1、内联样式(行内样式)
在标签内部使用style属性来设置标签样式。
使用内联样式时,样式只对当前标签生效。
<div style="color: pink; margin-top: 10px;border: 1px solid blue">行内样式</div>
2、内部样式表
将样式编写到head中的style标签中,通过css元素选择器来选择元素进行设置样式。
内部样式表只能对当前页面有效。
<head>
<style>
p{
color:pink;
border:blue 1px solid;
}
</style>
</head>
3、外部样式表
将css样式写在外部css文件中,然后通过link标签引入外部样式表。
好处:将样式写入外部css文件中,可以使用到浏览器的缓存机制。能够加快网页的加载速度,提高用户体验。
<link rel="stylesheet" type="text/css" herf="1.css">
总结
当项目内容较多时,一般使用外部样式表。内容较少时,可以使用内部样式表。