热门文章
使用不同的方法来引用css样式表，最终到达的效果相同，但是使用不同方法应用的css文件将影响到SEO及网页打开速度效率。
html引用css方法如下
接下来我们将逐个讲解html引用css方法的例子
如<p style="font-size:14px; color:#FF0000;">我是p css测试内容-www.本站.net支持</p> 效果如下图
插入代码如下：
<style type="text/css"> <!-- .ceshi {font-size:14px; color:#FF0000;}/*这里是设置CSS的样式内容*/ --> </style>具体方法如下图：
<!doctype html><html><head><meta charset="utf-8"><title>本站测试</title><style type="text/css"> <!-- @import url(wcss.css);/*这里是通过@import引用CSS的样式内容*/ --> </style> </head><body><p class="ceshi">我是p css测试内容-www.本站.net支持</p></body></html>
Wcss.css文件内代码.ceshi {font-size:14px; color:#FF0000;}
效果如下图：
可以看出使用此方法和使用自带式引用css样式表方法有相同处，都是需要在html的head内使用style标签引用外部css。
在head放置<link rel="stylesheet" href="wcss.css" type="text/css" />来调用外部的wcss.css文件来实现html引用css文件
详细如下图
此方法就不需要style标签，而是直接通过link一个样式来引用外部样式
一般