css外部风格怎么调用？

1，直接在div中使用css样式制作div+css网页。

2.在html中使用样式。

3.使用@import引用外部CSS文件。

4.建议使用link引用外部CSS文件。

接下来，我们将逐一解释html引用css方法的例子。

1，直接在html标签元素中嵌入css样式，比如

2.将样式声明代码插入html头的头部分，如下所示:

& lt风格？type="text/css " >？

& lt！- ?

。史策？{ font-size:14px；？颜色:# FF0000}/*这里是设置CSS的样式的内容*/？

-& gt；？

& lt/style & gt；具体方法如下:

3.使用@import引用外部CSS文件。

& lt！DOCTYPE？html？公？“-//W3C//DTD？XHTML？1.0?过渡//EN "

" http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-transitional . DTD " & gt；？

& lthtml？xmlns = " http://www . w3 . org/1999/XHTML " & gt；？

& lthead & gt？

& ltmeta？http-equiv="Content-Type "？content = " text/html；？charset=gb2312 "？/& gt；？

& lttitle & gtCss引用方法实例-测试实例

& lt风格？type="text/css " >？

& lt！- ?

@导入？URL(wcss . CSS)；/*这里是@import引用的CSS的样式内容*/？

-& gt；？

& lt/style & gt；？

& lt/head & gt；？

& ltbody & gt？

& ltdiv？class= "史策" >我是div？Css测试内容支持

& lt/body & gt；？

& lt/html & gt；代码。Wcss.css文件中的史策{ font-size:14px；颜色:# FF0000}

效果如下:

可以看出，使用这种方法和使用自带引用css样式表方法有相似之处，都需要使用style标签引用html头部的外部css。

4.使用链接调用外部css文件。

地方

详情如下

这个方法不需要style标签，而是通过链接一个样式直接引用一个外部样式。