Rumah  >  Artikel  >  hujung hadapan web  >  css样式表放在哪里

css样式表放在哪里

青灯夜游
青灯夜游asal
2021-11-10 15:19:116026semak imbas

css样式表可以放的位置:1、利用style属性放在单个HTML元素标签上,语法“95fe6cc588d72e02d61daa4bc46d279c”;2、放在style标签对中,语法“c9ccee2e6ea535a969eb3f532ad9fe89样式531ac245ce3e4fe3d50054a55f265927”;3、放在扩展名为“.css”的外部文本文件中。

css样式表放在哪里

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

css样式表可以放置的位置:

1、放在HTML标签上

使用style属性直接加在单个的HTML元素标签上,控制HTML标签的表现样式。

这种引入CSS的方式是分散灵活方便,但缺乏整体性和规划性,不利于后期的修改和维护,当需要修改网站的样式时,一个相同的修改可能涉及多个地方,维护成本高。使用STYLE属性的样式效果最强,会覆盖掉其它几种引入方式的相同样式效果。

<div style="color:red"></div>

2、放在c9ccee2e6ea535a969eb3f532ad9fe89标签对中

将样式代码写在页面c9ccee2e6ea535a969eb3f532ad9fe89...531ac245ce3e4fe3d50054a55f265927标签之中

<head>
<style>
 bdoy{font-size:14px;}
</style>
</head>

c9ccee2e6ea535a969eb3f532ad9fe89标签结构可以位于页面6a74014ee44f5deb5894267f99b68016标签中的任何位置,也可以多次出现。通常是将整个c9ccee2e6ea535a969eb3f532ad9fe89...531ac245ce3e4fe3d50054a55f265927结构写在页面的93f0f5c25f18dab9d176bd4f6de5d30e部分中。这种引入CSS方式的特点是每个页面的CSS代码可能具有统一性和规划性,一个页面内部便于复用和维护,但多个页面之间的CSS代码复用仍然不够。

3、放在外部.CSS文件中

如果 CSS 样式被放置在网页文档外部的文件中,则称为外部样式表,一个 CSS 样式表文档就表示一个外部样式表。

实际上,外部样式表也就是一个文本文件,扩展名为.css。当把CSS样式代码复制到一个文本文件中后,另存为.css文件,则它就是一个外部样式表。如下图:

1.gif

外部样式表必须导入到网页文档中,才能够被浏览器识别和解析。外部样式表文件可以通过“2cdf5bf648cf2f33323966d7f58a7f3f”标签或“@import”规则两种方法导入到 HTML 文档中,具体实现可参考文章《css如何引入外部样式表》。

(学习视频分享:css视频教程

Atas ialah kandungan terperinci css样式表放在哪里. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:html5是前端吗Artikel seterusnya:jquery 元素找不到怎么办