在网页设计中,我们经常需要引用外部样式表来美化网页的样式。而CSS的引用有以下几种方式:
1. 内联样式
<p style="color: red;">这是一段红色的文本</p>
内联样式是将CSS写在HTML标签的style属性中,可以仅对该标签实现样式的修改。
2. 内嵌样式
<head> <style> p{ color: blue; } </style> </head>
内嵌样式是将CSS写在HTML文件的head标签中的style标签中,可以对整个网页实现样式的修改。
3. 外部样式
<head> <link rel="stylesheet" href="style.css"> </head>
外部样式是将CSS代码(或者写在CSS文件中的代码)写在外部的CSS文件中,通过link标签引入到HTML文件中。可以对整个网站的样式进行统一的规划。
总结:内联样式只对单个标签有效,不影响其他标签;内嵌样式为整个页面添加样式,但代码杂乱;外部样式可以统一规划网页样式,在不同页面中共用样式。