style=这**是**的,但也是最不推荐的。直接写入前端标签。
延伸阅读:阅读优先,使用灵活,如大量页面,应设置每个页面。繁琐的工作,大量写入以增加代码量。不利于优化。
<styletype="text/css">这是第二种阅读方法。直接写在相应的页面上。css文件引入方式有几种。
延伸阅读:设置每个页面。工作繁琐,大量写入增加代码量。不利于优化。
<linktype="text/css"href=“引用CSS文件第。全局介绍。
延伸阅读:全局CSS。它可以分离代码和外部介绍,简单快捷。现在也在用。
<styletype=text/css>
div{color:#fff;}
</style>css样式的几种引入方法。
在头部引入外部样式文件<head></head>例如:
<linkrel="stylesheet"type="text/css"href="css/reset。css">css样式的三种引入方式。
<linkrel="stylesheet"type="text/css"href="css/main。css">
href=“样式文件路径”
将STYLE属性直接添加到单个HTML元素标签上,以控制HTML标签的性能风格。这种引入CSS的方式分散、灵活、方便,但缺乏完整性和规划,不利于以后的修改和维护。当需要修改网站的样式时,同样的修改可能涉及多个地方,维护成本高。使用STYLE属性的风格效果最强,会覆盖其他几种介绍方法的相同风格效果。
2。在页面上写下样式代码<STYLE>。。。</STYLE>标签之中
<STYLE>。。。</STYLE>页面上可以设置结构<HTML>标签中的任何位置也可以多次出现。通常是整个<STYLE>。。。</STYLE>结构写在页面上<HEAD>。。。</HEAD>部分中。这种引入CSS方法的特点是,每个页面的CSS代码可能是统一和规划的,易于在一个页面内部重用和维护,但多个页面之间的CSS代码仍然不够重用。
3。引入外部CSS文件,使用LINK标签
在一个单独的文件中写下CSS代码,并直接将文件引入页面上的link标签。一个页面可以多次使用LINK标签引入多个外部CSS文件。请注意这些CSS代码的相互影响。通常,后引入的CSS文件会覆盖前引入的CSS文件的相同效果。这种引入CSS的方式是目前***的。CSS代码可以在网站范围内规划,便于重用和维护。然而,如果代码高度集中,代码量可能太大,如果维护不当,很容易混淆。引入外部css文件的两种方式。
4。使用@import引入CSS文件
使用@import引入CSS文件有两种方式,一种可以放在页面上<STYLE>。。。</STYLE>用法如下:
@importurl(index2。css);怎么引入css。
此外,也可用于CSS文件,用法如下:
@import"sub。css";css外部引入。
使用用@import引入CSS可以方便地引入外部文件的CSS代码,便于维护和规划。然而,每次引入更多的CSS文件,服务器都会增加连接请求。当访问量较大时,需要权衡维护和性能。
中企动力是一家专业的网络推广公司,我们拥有丰富的网络推广经验和专业的团队,能够为企业提供全方位的网络推广服务。我们为企业提供网站建设、网站优化、平台推广等服务,帮中企动力业在网络上提升知名度、扩大影响力、提升销售额。如果您有网络推广的需求,欢迎联系中企动力加微信:CE4006608066,我们将竭诚为您服务。