所有栏目 | 云社区 美国云服务器[国内云主机商]
你的位置:首页 > 云社区 » 正文

如何在html中把css链接进去?

发布时间:2020-04-12 09:08:47

资讯分类:css  html  何在  链接  样式  文件  标签
如何在html中把css链接进去?

加载css样式有以下四种外部样式(外联样式)内部样式(内嵌式)行内样式导入样式如果css是一个外部文件,可以在你html文件的<head></head>里写上<linkhref="style.css"rel="stylesheet"type="text/css"/>href="style.css"这里可以写上你css文件的路径这种形式是把css单独写到一个css文件内,然后在源代码中以link方式链接。它的好处是不但本页可以调用,其它页面也可以调用,是最常用的一种形式。如果是内部样式,也可以在<head></head>里写上<styletype="text/css">h2{color:#f00;}</style>它是以<style>和</style>结尾,写在源代码的head标签内。这样的样式表只能针对本页有效。不能作用于其它页面。还可以在html标签上直接写css样式<pstyle="font-size:18px;">内部样式</p>这种在标签内以style标记的为行内样式,行内样式只针对标签内的元素有效,因其没有和内容相分离,所以不建议使用。@importurl("public.css");导入样式是以@importurl标记所链接的外部样式表,它一般常用在另一个样式表内部。如index.css为主页所用样式,那么我们可以把全局都需要用的公共样式放到一个public.css的文件中,然后在index.css中以@importurl("/public.css")的形式链接全局样式,这样就使代码达到很好的重用性。

留言与评论(共有 0 条评论)
   
验证码:
Top